轻松上手,快乐学习!

HTML 元素


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


HTML元素

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

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

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

< h1 >我的第一个标题< / h1 >
<P>我的第一段。 < / p >
标签开始 内容 标签结束
<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>元素是根元素,它定义了整个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>标记定义一个换行符,并且是一个没有结束标记的空元素:

实例

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

运行实例 »


HTML不区分大小写

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

HTML标准不需要小写标记,但是W3C 建议在HTML中使用小写,对于更严格的文档类型(例如XHTML)则要求小写。

在W3Schools中,我们始终使用小写标签名称。


HTML标签参考

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

标签 描述
<html> html的根标签
<body> 定义内容
<h1> to <h6> 定义html头部

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