HTML HTML5 PHP Mysql Linux 缓存技术 工具 资讯 读书 其他

HTML 元素(Elements)


HTML 文档是由HTML元素定义的。


HTML 元素(Elements)

HTML 元素是指从开始标签到关闭标签之间的全部内容。

开始标签 * 元素内容 关闭标签 *
<p> 这是段落 </p>
<a href="index.htm"> 这是链接 </a>
<br>    

* 开始标签通常被称为 开放标签 。关闭标签通常被称为 闭合标签 .


HTML 元素语法

  • HTML 元素以 开始标签 / 开放标签开始
  • HTML 元素以 关闭标签 / 闭合标签结束
  • 元素内容是开始标签到关闭标签之间的全部内容。
  • 某些HTML元素没有内容
  • 空元素在开始标签中关闭
  • 大部分HTML元素都有属性

提示:你将会在下一章中学习更多属性。


嵌套的HTML 元素

大多数HTML 元素都可以嵌套(可以包含其它HTML元素)。

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


HTML 文档例子

<!DOCTYPE html>
<html>

<body>
<p>这是我的第一个段落</p>
</body>

</html>

上面的例子由3个HTML元素构成。


HTML 例子解释

<p> 元素:

<p>这是我的第一个段落</p>

这个<p> 元素在HTML文档中定义了一个段落。
这个元素有一个开始标签 <p> 和一个关闭标签 </p>。
这个元素的内容是: “这是我的第一个段落”。

<body> 元素:

<body>
<p>这是我的第一个段落</p>
</body>

这个 <body> 元素在HTML中定义了一个HTML主体。
这个元素有一个开始标签 <body> 和一个关闭标签 </body>.
这个元素的内容是另一个HTML元素(一个p元素)。

<html> 元素:

<html>

<body>
<p>这是我的第一个段落</p>
</body>

</html>

这个 <html> 元素定义了整个HTML文档。
这个元素有一个开始标签 <html> 和一个关闭标签 </html>.
这个元素的内容是另一个HTML元素(body元素).


不要忘记关闭标签

即使没有关闭标签某些 HTML 元素也能正确显示:

<p>这是我的第一个段落
<p>这是我的第一个段落

上面的例子可以在大部分浏览器运行,因为关闭标签被认为是可选的。

但不要过分依赖这种做法。一些没有关闭标签的 HTML 元素会引起异常或错误


空的HTML与元素

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

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

提示: 在XHTML中,所有元素必须关闭。在开始标签中添加一个斜线, 比如 <br />, 这是在XHTML、HTML中关闭空元素的有效办法。


HTML 提示: 用小写标签

HTML 标签不区分大小写: <P> 与 <p>的意思一样。一些网站使用大写的HTML标签。

W3xuexi 使用的是万维网联盟(W3C)在HTML4中推荐的小写标签,将来在XHTML中强制使用小写标签。



To Top