外链论坛

 找回密码
 立即注册
搜索
查看: 111|回复: 3

【HTML】入门第1讲

[复制链接]

2580

主题

278

回帖

9921万

积分

论坛元老

Rank: 8Rank: 8

积分
99210851
发表于 2024-6-29 12:43:50 | 显示全部楼层 |阅读模式

html入门第1

本节内容:

1.HTML的概述

2.HTML的基本结构

3.HTMl的平常标签

4.网页上的特殊字符

5.HTML的超链接

6.代码的注释

7.代码格式上的意见

1、html的概述

1、什么是HTML语言?

html全叫作超文本标记语言(hyper Text Markup Language)

2、HTML语言有什么特点?

1.能够设置文本的格式,例如标题、字号、文本颜色、段落等等 2.能够创建列表 3.能够插进图像和媒介 4.能够创建表格 5.能够创建超链接(经过鼠标点击能够在页面切换)

3、HTML的发展史

4、平常的网页编辑工具

| 轻量级 | 重量级| 个人举荐 |

| :-------- | --------:| :------: |

| notepad++ | DW | notepoad++ |

|editplus | hbuilder | hbuilder |

|suubmit_txt | webstorm | |

2、 HTML的基本结构

<html> <head> <title>网页的标题</title> <meta charset="utf-8"/> </head> <body> 写网页的主体 </body> </html>
重视:写完代码记得将格式保留为.html(举荐)、.htm、.xhtml

HTML的基本结构详解

1.<html>内容</html> 解释:HTML文档的文档标记,叫作为HTML起始标记 功能:暗示网页的起始<html>和结束</html> 2.<head>内容</head> 解释:HTML文件头标记,叫作为HTML头信息起始标记 功能:用来包括文件的基本信息,例如网页的标题、重要字,在<head></head>内能够放<title></title>、<meta></meta>、<style></style>等等标记 重视:<head></head>其中的内容不会在浏览器其中表示 3.<title>内容</title> 解释:HTML的标题文件 功能:网页的主题,表示在浏览器的窗口的左上边! 4.<body>内容</body> 解释:HTML文档的主体标记 功能:<body>...</body>是网页的主体部分,这里标记之间能够包括如<p></p>、<h1></h1>、<br>、<hr>等等标记,正是由于这些内容组成为了咱们所看见的网页

3、HTML的基本标签

1、格式标签:

1、段落标签:

格式:
<p>你要分段的内容</p>

功能:对网页上的文字进行分段

特点:间距比很强

2、换行标签

格式:
你要换行的文字后面直接加标签:<br/>

重视:它是一个单标签

3、居中对齐标签

格式:
<center>你要居中的内容</center>
让段落文字能够相针对父标签居中表示

2、文本标签

1、标题标签:

格式:
<h1>标题</h1>...<h6>标题</h6>

功能:定义网页中的文字标题

特点: 标题标签独霸一行

2、字体设置标签:

格式:
<font>要设置的文字</font>
功能:修改
回复

使用道具 举报

0

主题

2万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-21 03:03:43 | 显示全部楼层
外链发布社区 http://www.fok120.com/
回复

使用道具 举报

2

主题

1312

回帖

-7

积分

限制会员

积分
-7
发表于 2024-9-6 17:43:12 | 显示全部楼层
哈哈、笑死我了、太搞笑了吧等。
回复

使用道具 举报

0

主题

1094

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 3 天前 | 显示全部楼层
你的努力一定会被看见,相信自己,加油。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-9-17 03:36 , Processed in 0.074438 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.