4.2　HTML元素及其属性

在HTML文档中，很多元素都带有属性（Attribute）。使用属性，可以进一步说明或补充元素在HTML文档中的作用。属性及其属性值出现在元素的开始标签中。带有属性的元素的基本格式是：

<元素名 属性1=属性值1 属性2=属性值2 …> 内容 </元素名>

以font元素为例，其属性有face、color和size，分别定义文本的字体、颜色和大小。

【例4-2】　使用元素及其属性，并观察元素及其属性的作用。具体步骤如下：

（1）在Notepad软件中输入以下HTML代码。

在以上HTML代码中，meta元素出现在HTML文档头部。meta元素是一个空元素，没有结束标签。使用meta元素，可以描述网页的元信息（meta-information）。例如，在meta元素的开始标签中使用name和content属性，可以定义与网页关联的特性名称和特性值。meta元素在搜索引擎营销（Search Engine Marketing，SEM）中非常有用，可以为网页定义一组关键字。具体方法如下：首先，将name属性值设置为"keywords"；然后，在content属性值中定义一些关键字，关键字之间用逗号“,”分开。某些搜索引擎在遇到这些关键字时，会用这些关键字对HTML文档进行分类，这样，将有助于提升网页在搜索结果中的排名。

在HTML文档主体，用三个font元素分别定义了三组字体、颜色和大小各不相同的“Hello, World!”。

（2）在Notepad软件中保存HTML文档，并将其命名为4-2.htm。

（3）使用IE浏览器打开HTML文档4-2.htm。网页的浏览效果如图4-2所示。

图4-2　使用IE浏览器打开HTML文档

注意：

①　由于在第1个font元素后使用了一个br元素定义强制性换行，所以，第1个font元素中的“Hello, World!”单独显示在第1行中。

②　font元素属于行内元素。所以，第2个和第3个font元素中的“Hello, World!”均显示在第2行中。

③　font元素属于表现性元素。使用font元素及其属性face、color和size，可以定义font元素内容中文本的字体、颜色和大小。同时，font元素也属于被废弃元素，其作用已经被样式所取代。