HTML常用标签：

HTML文档格式：

首先，HTML是一种超文本标签语言，它是制作网页的基础。

其次，HTML文档中至少包含基本的和成对的 、 、、 双标签。

最后，在HTML文档中必不可少的还有属性标签，描述HTML网页得一些属性以及转换字符编码，一般选择使用国际编码utf-8。

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 我是网页内容。 
 9 
10 

HTML文档解析：

1. 根标签，它是HTML文档的根标签，页面中所有内容都必须包含在其中。

2. 头部标签，其中的文档不会在网页中显示，目的是供浏览器解析其中的属性。

3. 标题标签，要求精炼简洁，能够概括一个网页的主要内容，即作为个网页的标题。

4. 内容标签，其中也是呈现在网页上的内容。

一、最常用的标签：

1、

 1 
 2 
 3 

 4 
 5 
 6 
 7 
我是标题h1
 8 
我是标题h1
 9 
我是标题h1
10 
我是标题h1
11 
我是标题h1
12 
我是标题h1
 
13 
14 

2、 段落标签 ? 设置网页中的段落，其中可以嵌套列表、表格等，多行文字时将随浏览器大小自动换行。代码如下：

1 
2 
我是一个段落。
3 

3、
换行标签 ? 设置网页中文字文本的换行。【注意】这个是单标签，没有结束标签。代码及效果如下：

1 
2 　　欢迎来到pengbo518博客园！
 我是强制换行标签喔！

3 

4、

1 
2 　你是我的月亮
3 

4 　我是地球

5 

5、

1 
2 
3 　　我就在网页中间显示，你能怎么滴我？嗯哼
4  
5 

6、

1 
2 

3 
我是第1列
4 
我是第2列
5 
我是第3列
6 

7 

7、 无序列表标签【注意】要套

1 
2 
3 
我是第1列
4 
我是第2列
5 
我是第3列
6 

7 

8、 自定义列表标签【注意】要套列表项使用。 ? 设置网页中的内容，使文档无序排列。代码及效果如下：

1 
2 

3 
我是自定义标题1

4 
我是自定义描述1
5 
我是自定义标题2
6 
我是自定义描述2
7 
8 

9、

1 
2 
3 您好！
4 欢迎您来到 pengbo518 博客园

5 感谢您对我的关注支持！
6 让我们共同学习探讨吧！ 
7 

10、 字体形状标签 [加粗] ? 设置字体加粗显示。代码及效果如下：

11、 字体形状标签 [斜体] ? 设置字体斜体显示。代码及效果如下：

12、 字体形状标签 [下划线] ? 设置字体带有下划线显示。代码及效果如下：

13、 字体形状标签 [下标] ? 设置文字作为下标显示。代码及效果如下：

14、 字体形状标签 [上标] ? 设置文字作为上标显示。代码及效果如下：

** 10、11、12、13、14 ** ? 代码及效果集合如下：

1 
2 《静夜思》 
3 李白
4 

5 床前明月光，疑是地上霜。　
6 　　 举头望明月，低头思故乡。 

7 pengbo518
8 

9 

15、 字体标签 ? 设置字体、字号、颜色等。代码语法及效果如下：

语法：文本

 1 
 2 
 3 HTML I love you !
 4 

 5 

 6 
 7 热爱生活，热爱博客园
 8  
 9 

16、 图像标签 ? 设置字体、字号、颜色等。代码语法及效果如下：

　　 语法：

1 
2 

3 我的小鱼干呢
4 

17、超链接标签 ? 创建超链接，href属性来设置页面的链接地址。代码语法及效果如下：

1 
2 百度||

3 淘宝||
4 博客园
5 

【补充】一.文件路径：1. 绝对路径： ? 绝对路径是指带域名或盘符的完整路径。

　　　　　　　　　　 2. 相对路径： ? 相对路径是指这个文件所在的路径引起的跟其他文件（或文件夹）的路径关系。例如：

　　　　　　　　　　　　　　① 如果两个在同一个文件夹中，在index.html中链接pengbo518.html则可以在index.html中如下方式链接：

　　　　　　　　　　　　　　 href="pengbo518.html">pengbo518博客园

　　　　　　　　　　　　　　② 如果pengbo518.html文件是index.html文件的上级路径，则可以在index.html中如下方式链接：

　　　　　　　　　　　　　pengbo518.html">pengbo518博客园　

　　　 二. 锚点： ? 设置锚点通常是放在文档的特定主题或顶部。然后创建锚点链接，通过链接可以快速定位到指定位置。

　　　　　　　　 链接到当前文档中的锚点：链接文本

　　　　　　　　　　　　　 链接到其他文档中的锚点：