1、标签的分类
1)单标签:只需单独使用即可完全表达意思。
常见的单标签包括：<br>，<hr>，<img src="路径" alt="">,<input>,<meta>,<link>
2)双标签:由“开始标签”和“尾标签”组成，必须成对使用。尾标签比开始标签多一个‘/’。
常见的尾标签有：<html>,<body>,<footer>,<title>,<head>,<span>,<p>,<p>,<h1>-<h6>,<a>,<strong>,<center>
2、标签的属性
各属性之间没有顺序，引号中常用的双引号应包含属性值，但也可以使用单引号。
常见属性值包括：align，size，width，height，href，url，src，type等，属性可以省略(即省略值)。
本文档还可以查看每个标签的具体属性 MDN 网页文档 (mozilla.org)
3、文本类标签
1)文章标题标签<hn>
总共有六个不同大小的标题标签，其中包含了所有的整体特征。
备注：align 废弃属性；不要继续使用它。
<h1>一级标签h1</h1> <h2>二级标签h2</h2> <h3>三级标签h3</h3> <h4>四级标签h4</h4> <h5>五级标签h5</h5> <h6>六计标签h6</h6>
2）段落标签<p>
这个标签可以用来创建一个包含全局属性的段落。
备注：<p> 元素的 align 属性已被弃用，请不要使用。
<p>这是段落</p>3）换行标签<br>
当你需要结束一行，不想开始新的段落时，你可以使用这个标签。该元素的属性包括整体属性 （en-US）。
注：不要用来增加文本之间的行间隔；应使用CSSmargin属性或<p>元素。<br>
<p>这是一个<br>段落</p>4)文本加粗标签<b>或者<strong>
这两个标签都可以加粗文本，区别在于后者有强调的作用
<b> 应用场合如:摘要中的关键词、评论中的产品名称或其他应加粗显示的典型文本(除此之外没有其他特别强调)
<strong>元素表示一些重要的文本，
<b>加粗文本b</b> <strong>加粗文本stronggg</strong>5)文本倾斜标签<em>或者<i>
两队的标签都可以倾斜文本，前者有强调的作用。
<em>倾斜文本em</em> <i>倾斜文本i</i>
6)预格式化标签<pre>
该标签可以在文本中保留空间和空间，并可以简化代码
<pre>预格式化处理</pre>7)定义水平线标签<hr/>
这个标签可以在页面上画水平线
<em>倾斜文本em</em> <i>倾斜文本i</i> <hr> <pre>预格式化处理</pre>
4、列表标签
1）无序列表<ul>
type(已弃用):用于设置列表的关键样式
disc(黑色实心圆)、circle(空心圆）、square(黑色实心正方形)、none(取消列表项)
可以使用 CSS list-style-type 属性作为替代品。(想了解更多，可以访问list。-style-type - CSS(层叠样式表) |多核 (mozilla.org) ）
<ul> <li>列表</li> <li type="circle">列表1</li> <li type="disc">列表2</li> <li type="square">列表3</li> <li type="none">列表4</li> </ul>2）有序列表<ol>
这个标签是一个有特定顺序的列表项的集会。
type设置编号类型：
a 小写英文字母编号表示
A 表示大写英文字母编号
i 小写罗马数字编号
I 表示大写罗马数字编号
1 除非在整个列表中，否则表示数字编号(默认)的类型适用于整个列表 元素的 <li> 不同的元素被使用 type 属性。<ol>
备注： 这个属性在 HTML4 放弃，但在 HTML5 重新引入。请使用，除非列表中的序列号非常重要（例如，通常需要引用法律或技术文件中的条目） CSS list-style-type 属性替代。
<ol> <li>列表</li> <li >列表1</li> <li >列表2</li> <li >列表3</li> <li >列表4</li> </ol>以上代码加上这种css风格，序列号变成了小写 ASCII 字母
<style> ol{ list-style-type: lower-alpha; }</style>3)自定义列表<dl>
标签前既没有项目符号，也没有编号。它以缩进的形式具有清晰的内容层次。
1)<dl ></dl>用于创建自定义列表。
2)<dt></dt>只能在列表中创建列表项<dl><dl>中使用。显示时，<dt > </dt>定义的内容将左对齐。
3)<dd></dd>它只能用来创建对列表项的分析<d></dl>使用标签。显示时<dd ></dd>它们之间的内容将相对于<dt></dt>定义的内容向右缩进。分析项的内容可以是文字、段落、图片等。
<dl> <dt>苹果</dt> <dd><img src="apple.jpg"></dd> <dt>香蕉</dt> <dd><p>芭蕉科芭蕉属植物，又指果实。热带地区被广泛种植和食用</p></dd> <dt>葡萄</dt> <dd>玫瑰科苹果亚科苹果是一种植物，它的树是落叶树。热带地区被广泛种植和食用</p></dd> <dt>葡萄</dt> <dd>玫瑰科苹果是一种植物，它的树是落叶树。苹果的果实富含矿物质和维生素，是人们经常吃的水果之一。</dd> </dl>5、表格标签
表格可以按照一定的行和列规则排列文本和图像
语法格式为
<table> <tr> <td></td> <td></td> </tr> </table>说明：其中<tr></tr>它被用来在表格中创建一行， <td></td>它是创建银行的一列，每一行相当于一个单元格，内容只能写在单元格中。<th>元素定义表中的表头单元格(th会自动粗化元素中的内容)
常用属性：
1) border:设置表线的宽度(厚度)，单位为像素，n =0是默认值，表示没有边框。
2) width:将表宽设置为像素或相对于窗口的百分比。
3）height:将表格高度设置为像素或相对宽度的百分比。
4)colspan:合并列。colspan = “2”表示合并同行的两个相邻单元格。
5) rowspan:合并行。rowspan = “2”表示两个相邻单元格合并同列。
6）<caption>：它常常作为<table>第一个子元素出现，作为表格的标题，同时显示在表格内容的前面。(可以在css中设置 caption-side属性，调整标题位置)。
<table width="500px" border=1> <!--设置表宽为500px，表宽为500px 1 --> <caption>课程表</caption> <!-- 设置表格标题 --> <tr> <th>时间</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> </tr> <tr> <td rowspan="2">上午</td> <td>外语</td> <td>高数</td> <td>马哲</td> </tr> <!--合并了两列，因此，下一个tr标签只有三个td标签 --> <tr> <td>体育</td><td>计算机</td><td>外语</td> </tr> <tr ><th colspan="4">午休</th> </tr> <tr> <td rowspan="2">下午</td><td>高数</td><td>体育</td><td>活动</td> </tr> </table>效果图：
border-collapse标签可以添加到css中，使表格之间没有间隙：
相关属性
collapse：相邻单元格共用同一个边框(使用 collapsed-border 表格渲染模型)。
separate：默认值。每个单元格都有一个独立的边框(使用 separd-border 表格渲染模型)。
table{ border-collapse: collapse; }效果图：
6、多媒体标签
1）图像标签
<img src="" alt="">，使用此标签可以将图片插入当前位置
属性：src 属性是必要的，它包含了您想要嵌入的图片的文件路径。
alt 属性包含对图像的文本描述，这不是强制性的，但对于无障碍——屏幕阅读器将向需要使用阅读器的用户阅读这些描述，以便他们知道图像的含义。
width和height可以修改图片的大小
<img src="1.jpg" alt="" width="400px" height="400px">2）视频标签
<video src=“视频文件路径”></video>
属性
允许取值
取值说明
src
url
要播放的视频URL
autoplay
autoplay
如果出现这个属性，视频就绪后立即播放
controls
controls
如果出现此属性，则向用户显示控件，如播放按钮
loop
loop
如果出现此属性，则在媒体文件播放后重新播放
height
pixels
视频播放器的高度设置
width
pixels
视频播放器的宽度设置
poster
imgurl
加载等待的图片
7、链接标签
<a href="" target="" ></a>
属性说明
1) href:必须链接到目标文件的URL地址。也可以是“#”，表示空链接
2)target:指定打开目标文件的窗口。
①当target = "_self目标文件显示在原窗口。
②当target = "_ blank“说在新窗口显示目标文件，单击同一个超链接几次，就会有几个新窗口。
③当target = " new”时，跟_blank 不同的是，多次单击相同的超链接只会打开一个新窗口。注：链接地址URL基本上使用相对地址。
浏览器对链接的默认分析是：
1)未被访问的链接有下画线，字体为蓝色。
2)被访问的链接有下画线，字体为紫色。
3)活动链接有下画线，字体为红色。
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video">HTML</a>
湘公网安备43019002002060