HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签元素内容
结束标签
<a href="/">这是一个链接</a>
<p>这是段落</p>
<br/>

HTML 元素语法

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素(可以包含其他 HTML 元素)构成。 

HTML 文档实例

以下实例包含了三个 HTML 元素。

<html>

<body>
<a href="/">这是一个链接</a>
</body>

</html>

HTML 实例解析

<a>元素

<a href="/">这是一个链接</a>

这个<a>元素定义了HTML文档中的一个链接。

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

元素的内容是:这个一个链接

<body>元素

<body>
<a href="/">这是一个链接</a>
</body>

<body>元素定义了HTML文档的主体。

这个元素也有一个开始标签<body>和一个结束标签</body>

元素内容是另一个 HTML 元素(a 元素)。

<html> 元素

<html>

<body>
<a href="/">这是一个链接</a>
</body>

</html>

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

这个元素有一个开始标签 <html> ,以及一个结束标签 </html>.

元素内容是另一个 HTML 元素(body 元素)。

结束标签

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

<a href="/">这是一个链接
<a href="/">这是二个链接

上述实例在浏览器中也能正常显示,因为关闭标签是可选的。但您不能对此产生依赖性,因为忘记使用结束标签会产生不可预料的结果或错误。

HTML 空元素

HTML 空元素应该在开始标签中关闭。

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

HTML 的一个空元素为 <br>(用于定义换行),<br> 元素就是没有关闭标签。

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

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

HTML 提示:使用小写标签

由于 HTML 标签对英文字母的大小写不敏感,所以 <P> 和 <p> 表达的意思相同,不过大部分网站喜欢使用大写的 HTML 标签。


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