2.3 HTML 5标签、元素及属性_HTML5+CSS3+JavaScript 从入门到项目实践（超值版）-QQ阅读男生轻小说网

上QQ阅读APP看书，第一时间看更新

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元素的内容。