HTML标签的语法格式
HTML 中的标签就像关键字一样，每个标签都有自己的语义（含义），例如<p>标签代表段落，<b>标签代表加粗。根据标签的不同，浏览器会使用不同的方式展示标签中的内容。
在实际开发中，有时我们也将 HTML 标签称为 HTML 元素。
HTML 标签的语法格式
一般情况下，一个 HTML 标签由开始标签、属性、内容和结束标签组成，标签的名称不区分大小写，但大多数属性的值需要区分大小写，如下所示：
属性 ↓ <div class="foo">复购商务网</div> ↑ ↑ ↑ 开始标签 内容 结束标签
除了 class 属性外，开始标签中还可以包含其它属性信息，比如 id、title 等，这些我们会在后面进行讲解。
注意，虽然 HTML 标签在语法上不区分大小写，但是为了规范和专业，强烈建议在定义标签时一律采用小写。
当使用浏览器打开我们编写的 HTML 文档时，浏览器会从上到下依次读取文档中的内容，并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。
一个 HTML 文档中必须具有一些基本的标签，以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签，但有以下几点需要注意：
所有 HTML 标签都必须放在尖括号
< >内；HTML 中不同的标签可以实现不同的效果；
如果使用了某个标签，则必须使用对应的结束标签来结尾（自闭和标签除外）。
自闭和标签
有一些 HTML 标签没有单独的结束标签，而是在开始标签中添加/来进行闭合，这种标签称为自闭和标签。请看下面的例子：
<img src="./logo.png" alt="复购商务网Logo" /> <!-- 图像 --><hr /> <!-- 分割线 --><br /> <!-- 文本换行 --><input type="text" placeholder="请输入内容" /> <!-- 文本输入框 -->
自闭和标签不用包围内容，所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。
<!-- --> 表示 HTML 注释，用来对 HTML 代码进行说明，浏览器会忽略注释内容，所以用户在网页中看不到注释，我们将会在《HTML注释》中详细讲解。
嵌套HTML标签
大多数 HTML 元素都是可以嵌套使用的，也就是说一个 HTML 标签中可以包含其他的 HTML 标签，我们编写的 HTML 文档就是由相互嵌套的 HTML 标签构成，如下例所示：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML标签的嵌套</title> </head> <body> <h1>复购商务网<font size="4" color="#666">简介</font></h1><p>复购商务网，一个在线领券<b>购物</b>的网站，目前已经发布了 <font color="red">数千<sup>①</sup></font> 件宝贝，包括<i>数码家电</i>、<i>美食|美味</i>、<i>家居生活</i>、<i>个护化妆</i> 等，请<a href=" " target="_blank">猛击这里</a>查看所有商品。<hr /><small>注①：复购商务网会持续更新低价优质好物，商品数量将业已达到数千件，后续更会持续添加。因商家发券有效期不定，故建议各位朋友们看中后，切莫犹豫，直接抢券下单，避免后悔哦！</small></p> </body> </html>
对代码的说明：
第 8 行代码，在 <h1> 标签中嵌套了 <font> 标签。<font> 标签用来设置文本样式，此处我们使用 size 属性设置了文本大小，使用 color 属性设置了文本颜色。
第 9~13 行代码，在 <p> 标签中嵌套了多种标签，其中：
<b> 标签用来加粗文本。
<sup> 标签用来设置上角标。
<i> 标签用来设置斜体文本。
<a> 标签用来设置超链接，其中 target 属性用来指明打开方式，
_blank表示从新标签中打开。<hr> 标签用来设置分割线，它是一个自闭和标签。
<small> 标签用来呈现小号字体。
<font> 是一种不被建议使用的标签，HTML 5 已经不再支持，请尽量使用 CSS 来设置文本样式。
HTML 标签的嵌套层次是没有限制的，但是我们应尽量保持 HTML 文档的简洁。上面代码中嵌套层次最深的标签是 <sup>，它的嵌套路径为：
body -> p -> font -> sup。
