HTML 元素

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

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

HTML 元素

HTML元素是从开始标签到结束标签的所有内容:

<标签>内容在这里... </标签>

一些 HTML 元素的示例:

<h1>GoBeta.NET</h1>
<p>
  GoBeta.NET 是一个技术学习网站。<br />
  欢迎您!
</p>
开始标签 元素内容 结束标签
<h1> GoBeta.NET </h1>
<p> GoBeta.NET 是一个技术学习网站。 </p>
<br>

!! 注意: 一些 HTML 元素没有内容(如 <br> 元素)。这些元素称为空元素。空元素不需要结束标签。后面的还会遇到一些这样的元素,比如 <hr>

嵌套的 HTML 元素

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

所有 HTML 文档都由嵌套的 HTML 元素组成。

下面的例子包含四个 HTML 元素(<html><body><h1>  和<p>):

示例

<!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>This is a paragraph</p>
    <p>This is a paragraph</p>
  </body>
</html>

但是,永远不要依赖于此!如果忘记结束标签,可能会出现意外结果和错误!

空的 HTML 元素

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

<br> 标签定义换行,并且是一个没有结束标签的空元素:

例子

<p>This is a <br /> paragraph with a line break.</p>

HTML 标签不区分大小写

HTML 标签不区分大小写,<P><p> 表达的含义和展示的效果是一样的。

HTML 标准不要求使用小写,但 W3C 建议在 HTML 中使用小写字母,并要求在 XHTML 等更严格的文档类型中使用小写字母。

! 在我们的例子中,我们总是使用小写的标签名称。

HTML 标签参考

Tag Description
<html> HTML 文档的根元素
<body> HTML 文档的主体内容
<h1> - <h6> HTML 文档中的标题

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