HTML 元素
HTML 元素由开始标签、内容和结束标签定义。
HTML 元素
HTML 元素是从开始标签到结束标签的所有内容:
<tagname>内容放在这里...</tagname>
一些 HTML 元素的例子:
<h1>我的第一个标题</h1> <p>我的第一个段落。</p>
| 开始标签 | 元素内容 | 结束标签 |
|---|---|---|
<h1> |
我的第一个标题 | </h1> |
<p> |
我的第一个段落。 | </p> |
<br> |
无内容 | 无结束标签 |
注意:有些 HTML 元素没有内容(如 <br> 元素)。这些元素称为空元素。空元素没有结束标签!
嵌套的 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>这是一个段落。 <p>这是一个段落。 </body> </html>
但是,永远不要依赖这一点!如果忘记结束标签,可能会出现意外结果和错误!
空的 HTML 元素
没有内容的 HTML 元素称为空元素。
<br> 标签定义换行,它是一个没有结束标签的空元素:
实例
<p>这是一个带<br>换行的段落。</p>
HTML 不区分大小写
HTML 标签不区分大小写:<P> 和 <p> 含义相同。
HTML 标准不要求使用小写标签,但 W3C 建议在 HTML 中使用小写,并且对于更严格的文档类型(如 XHTML)要求使用小写。
在 W3School,我们始终使用小写标签名称。
HTML 标签参考
W3School 的标签参考包含有关这些标签及其属性的更多信息。
| 标签 | 描述 |
|---|---|
| <html> | 定义 HTML 文档的根。 |
| <body> | 定义文档的主体。 |
| <h1> - <h6> | 定义 HTML 标题。 |
如需查看所有可用 HTML 标签的完整列表,请访问我们的 HTML 标签参考。