W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 元素



HTML 文档由 HTML 元素定义。


HTML 元素

HTML 元素以 开始标签 起始, HTML 元素以 结束标签 终止:

<tagname>content</tagname>

元素的内容 是开始标签与结束标签之间的内容:

<p>My first HTML paragraph.</p>
开始标签 元素内容 结束标签
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>    
Note 一些HTML元素没有结束标签。

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素构成。

这个例子包含4个HTML元素:

Example

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
尝试一下 »

HTML 实例解析

<html> 元素定义了 整个文档

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

这个 content 是HTML的另外一个元素(<body> 元素)。

<html>
<body>

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

</body>
</html>

这个 <body> 元素定义了 文档 body

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

这个 content 拥有两个 HTML 元素 (<h1> 和 <p>)。

<body>

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

</body>

这个 <h1> 元素定义了一个 heading

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

它的 content 是: My First Heading。

<h1>My First Heading</h1>

这个 <p> 元素定义了一个 paragraph

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

它的 content 是: My first paragraph。

<p>My first paragraph.</p>

不要忘记结束标签

即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:

Example

<html>
<body>

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

</body>
</html>

以上实例在浏览器中也能正常显示,因为关闭标签是可选的。

但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。


HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。


HTML 提示:使用小写标签

HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

W3CSchool 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中 推荐 使用小写,而在未来 (X)HTML 版本中 强制 使用小写。