HTML5+CSS3+JavaScript 从入门到项目实践(超值版)
上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元素的内容。