
2.3 HTML 5标签、元素及属性
HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。
2.3.1 标签

像<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,都是HTML标签。绝大部分的标签都是成对出现的,如<table></talbe>、<form></form>。当然还有少部分不是成对出现的,如<br/>、<hr/>等。HTML中的文档和HTML元素是通过HTML标签进行标记的。
2.3.2 单标签

单标签由一个标签组成,在开始标签中进行关闭,以开始标签的结束而结束。常见的几种单标签如下。
● <br/>:在页面中起换行的作用。
● <hr/>:在页面中创建一条水平线。
● <meta/>:元素可提供有关页面的元信息。
● <img/>:图片标签,用于在页面插入图片。
2.3.3 双标签

双标签由“开始标签”和“结束标签”两部分构成,如图2-3所示。

图2-3 双标签
常见双标签如下。
● <h1></h1>:标题标签。
● <p></p>:段落标签。
● <ul></ul>:无序列表标签。
● <table></table>:表格标签。
2.3.4 标签属性

为HTML元素提供各种附加信息的就是HTML属性,它总是以“属性名=属性值”的形式出现,而且属性总是在HTML元素的开始标签中进行定义。
【例2-1】(实例文件:ch02\Chap2.1.html)标签属性。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--设置p标签的align属性,属性值为center--> <p align="center">html属性</p> </body> </html>
相关的代码实例请参考Chap2.1.html文件,在IE浏览器中运行的结果如图2-4所示。

图2-4 标签属性
2.3.5 元素

从开始标签到结束标签的所有代码,就是HTML元素,如<p>HTML</p>。位于起始标签和结束标签之间的文本就是HTML元素的内容。