二维码
搜索 ×

HTML 元素

  • 作者：图形开发学院
  • 更新时间：2023年11月01日
  • 阅读量：0
  • 收藏数：0

HTML 元素

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

HTML 元素

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

<tagname>内容在这里…</tagname>

一些 HTML 元素的示例：

<h1>My First Heading</h1>
<p>My first paragraph.</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>

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>

<html>
<body>

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

</body>
</html>

示例解释

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

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

然后，在元素内部有 元素：<html>``<body>

1
2
3
4
5
6
<body>

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

</body>

该元素定义了 文档的正文。<body>

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

然后，在元素内部 是另外两个元素： 和 ：<body>``<h1>``<p>

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

该元素定义标题。<h1>

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

1
<h1>My First Heading</h1>

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

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

1
<p>My first paragraph.</p>

永远不要跳过结束标签

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

1
2
3
4
5
6
7
8
<html>
<body>

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

</body>
</html>

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

空 HTML 元素

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

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

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

HTML 不区分大小写

HTML 标记不区分大小写：表示与 相同。<P>``<p>

HTML 标准不需要小写标记，但建议在 HTML 中使用小写，而对于更严格的文档类型（如 XHTML）则要求小写。

我们始终使用小写标签名称。

HTML 标记参考

标记参考包含有关这些标记及其属性的其他信息。

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

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

推荐教程