HTML 元素

HTML 元素由开始标签、一些内容和结束标签定义。

HTML element 是从开始标签到结束标签的所有内容：

<tagname>内容放在这里...</tagname>

一些 HTML 元素的示例：

<h1>我的第一个标题</h1>
<p>我的第一段。</p>
<br>

注意： 一些 HTML 元素没有内容（如 <br> 元素）。这些元素称为空元素。空元素没有结束标签！

嵌套的 HTML 元素

HTML 元素可以嵌套（这意味着元素可以包含其他元素）。

所有 HTML 文档都包含嵌套的 HTML 元素。

以下示例包含四个 HTML 元素（<html>、<body>、<h1> 和 <p>）：

<!DOCTYPE html>
<html>
<body>
  <h1>我的第一个标题</h1>
  <p>我的第一段。</p>
</body>
</html>

<!DOCTYPE html>
<html>
<body>
  <h1>我的第一个标题</h1>
  <p>我的第一段。</p>
</body>
</html>

<html> 元素是根元素，它定义了整个 HTML 文档。

它有一个开始标签<html>和一个结束标签</html>。

然后，在 <html> 元素中有一个 <body> 元素：

<body>
  <h1>我的第一个标题</h1>
  <p>我的第一段。</p>
</body>

<body> 元素定义了文档的主体。

它有一个开始标签 <body> 和一个结束标签 </body>。

然后，在 <body> 元素中还有另外两个元素：<h1> 和 <p>：

<h1>我的第一个标题</h1>
<p>我的第一段。</p>

<h1> 元素定义了一个标题。

它有一个开始标签<h1>和一个结束标签</h1>：

<h1>我的第一个标题</h1>

<p> 元素定义了一个段落。

它有一个开始标签<p>和一个结束标签</p>：

<p>我的第一段。</p>

即使您忘记了结束标签，某些 HTML 元素也会正确显示：

<html>
<body>
  <p>我的第一段落
  <p>我的第一段落
</body>
</html>

但是，永远不要依赖这个！如果忘记结束标签，可能会出现意外结果和错误！

没有内容的 HTML 元素称为空元素。

<br> 标签定义了一个换行符，并且是一个没有结束标签的空元素：

<p>这是一个<br>带有换行符的段落。</p>

HTML 标签不区分大小写：<P> 与 <p> 的含义相同。

HTML 标准不要求小写标签，但 W3C 建议 HTML 中使用小写，而对于更严格的文档类型，如 XHTML，要求小写。

在本教程中，我们总是使用小写的标签名称。

当前教程的标签参考包含有关这些标签及其属性的附加信息。

有关所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考。