本文内容为常用标签介绍，包括：div 、h1~h6 、hr 、strong 、p 、br 、em 、i 、del 、s 、ins 、u 、sub 、sup。
代码样例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>demo2</title>
</head>
<body>
<div>div1标签</div>
<div>div2标签</div>
<hr>
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<hr>
<p>p段落</p>
<hr>
<strong>strong标签1</strong>
<strong>不占据一行</strong>
<b>b标签1</b>
<br>
<strong>strong标签2</strong>
<b>b标签二</b>
<hr>
<em>em标签</em>
<br>
<i>i标签</i>
<br>
<del>del标签</del>
<br>
<s>s标签</s>
<br>
<ins>ins标签</ins> <u>u标签</u> <strong>相似标签</strong>
<hr>
100<sub>c</sub>100 <strong>设置下标</strong>
<hr>
100<sup>c</sup>100 <strong>设置上标</strong>
<hr>
H<sub>1</sub><sup style="margin-left: -7.83px;">1</sup> <strong>氢</strong>
</body>
</html>
其上述代码效果图如下：
从图中很容易就可以看出这几个标签的样貌
代码内各个标签介绍
1.div标签：独自占据一行。
2.hr标签：一条很长的长实线，可以用于分割。
3.h1~h6标签：其字体大小都不一样 分别为 32px , 24px , 18.72px , 16px , 13.28px , 12px。但是在一个页面内h1标签建议只使用一次，因为大部分搜索引擎都是利用网页主标题和h1标题进行搜索。
4.p标签：占据一行和div标签一样，但区别是p标签自带行间距。
5.strong标签和b标签：加粗字体，不占据一行，但是可以用br标签进行换行。
6.br标签：用于换行使用。
7.em标签和i标签：斜体字，但是不占据一行。
8.del标签和s标签：中间划线。
9.ins标签和u标签：下划线标签。
10.sub标签：下标，在上述代码描述中100在sub标签左边即放在c下标左边，右边则是在右边
11.sup标签：上标，位置同sub。
单标签和双标签
在上述代码中我们可以看到，有一些标签由头有尾，而有一些标签则有头无尾。例如<div></div>,<sub></sub>,<hr>。那么我们会对这两类标签进行分类：
单标签：顾名思义，就是只有一边，即有头无尾，其可以表示成<hr>或</hr>。
双标签：有头有尾，形式基本如<xxx></xxx>。
小实践
在我们的代码最后，大家应该是可以看到一个氢元素的原子表示，就完美利用了sub和sup的上标和下标显示将氢原子的质子数和原子电子数，不过值得注意的是在本代码里面多了一串代码
这个也就是将上标和下标对齐，如果没有style内的这一串代码，上标和下标将会错位，以下是没有上style内代码的显示情况：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
