码农教程 - 一技在手,衣食无忧! tools

HTML 元素

❮ 上一节 下一节 ❯

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

HTML 元素

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

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

一些 HTML 元素的示例：

<h1>我的第一个标题 </h1>
<p>我的第一段。 </p>
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

笔记：某些 HTML 元素没有内容（例如 <br> 元素）。这些元素称为空元素。空元素没有结束标记！

嵌套 HTML 元素

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

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

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

示例

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
亲自试一试 »

示例解释

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

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

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

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

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

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

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

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

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

<h1>My First Heading</h1>

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

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

<p>My first paragraph.</p>

切勿跳过结束标记

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

示例

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
亲自试一试 »

但是，永远不要依赖于此！如果您忘记结束标记，可能会出现意外的结果和错误！

空 HTML 元素

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

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

示例

<p>This is a <br> paragraph with a line break.</p>
亲自试一试 »

HTML 不区分大小写

HTML 标签不区分大小写：<P>意思是一样的<p>。

HTML 标准不要求小写标签，但 W3C推荐HTML 中的小写字母，以及需要小写字母表示更严格的文档类型，例如 XHTML。

在 91xjr，我们始终使用小写标签名称。

HTML练习

通过练习测试一下

练习:

为 HTML 标题插入正确的结束标记。

<h1>This is a heading

开始练习

HTML 标签参考

91xjr' 标签参考包含有关这些标签及其属性的附加信息。

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

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


❮ 上一节 下一节 ❯