前端 HTML中常用的标签

标签 （是html超文本标记语言的基本组成单位）

1. p 标签 ： 在网页中插入一个段落 段落（paragraph）；
2. h 标签 ： 在网页中插入一个标题 （h1-h6）；
3. div 标签 ： 划分区域的长方形 分隔(division）；
4. span 标签 ： 和p标签用在一块，用来突出段落里面的部分 ；
5. img 标签 ： 在网页中插入图片，属性(src / alt / width / height) src表示图片的路径，alt图片名称 ；
6. a 标签 ： 超链接标签 ，href要跳转的地址 ；
7. ul li 标签 ： 无序列表标签，在网页中插入一组无序的列表，type属性（disc / circle / square 不建议使用） ；
8. ol li 标签 ： 有序列表标签，在网页中插入一组有序的列表， type属性（a / A / I 不建议使用）；
9. dl dt dd 标签 ： 自定义列表 ；
10. b 标签 ： 是规定粗体文本的标签 ；strong 标签 ： 不仅可以规定粗体文本，而且还能够表示强调 ；
11. i 标签 ： 是规定斜体文本的标签 ；em标 签 ： 不仅可以规定斜体文本，而且还能够表示强调 ；
12. sup 和 sub 标签 ：上下标标签 ；
13. meta 标签 ： 基本元素标签 ；

代码示范：

<p>我是一个段落</p>

<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>

<div>我是划分区域的长方形</div>

<span>我是用来突出段落里的部分</span>

<img src='./imges/1.png'>  <!--例如-->

<a href='https://www.baidu.com'></a>点我进入百度<!--例如百度-->

<ul>
	<li>老师</li>
	<li>学生</li>
	<li>护士</li>
</ul>

<ol>
	<li>老师</li>
	<li>学生</li>
	<li>护士</li>
</ol>

<dl>
	<dt>老师</dt>  <!--相当于标题-->
	<dd>和而可亲</dd>  <!--相当对标题的描述-->
</dl>

<b>我是规定粗体文本的标签</b>
<strong>我不仅可以规定粗体文本，而且还能够表示强调</strong>

<i>我是规定斜体文本的标签</i>
<em>我不仅可以规定斜体文本，而且还能够表示强调</em>

<p>H<sub>2</sub>O</p>  <!--例如水的化学式-->
<p>X<sup>3</sup></p>  <!--例如X的三次方-->

几个符号
空格：&nbsp；
大于号： &gt；
小于号： &lt；

代码及效果图展示

总结 : html5常用的标签差不多就这么多了，自己做的笔记，仅供参考。