8.1.3 HTML中的标签
形式：
“<”、“标签名称” 、“>”
例如：<html>、</html>、<head>、</head>
通常成对出现，分为“开始标签”和“结束标签”；
除了在结束标签名称前面加一个斜杠符号“/”之外，开始标签名称和结束标签名称都是相同的。
格式：
在开始标签的标签名称后面和右尖括号之间还可以插入若干属性值，HTML标签的一般格式可以表示为：
<标签名 属性1="属性值1" 属性2="属性值2" 属性3="属性值3" …>
内容
</标签名>
1.文字基本标签
（1）标题文字标签<hn>
格式为：<hn align ="属性值"> 标题内容 </hn> ;
<hn>标签是成对出现的，<hn>标签共分为六级：h1、h2、h3、h4、h5、h6，在<h1>...</h1>之间的文字就是第一级标题，<h6>...</h6>之间的文字是最后一级。<hn>标签本身具有换行的作用。
8-2 标题文字标签实例
<html>
<head>
<title>标题示例</title>
</head>
<body>
<h1>最大的标题</h1>
<h3>使用h3的标题</h3>
<h6>最小的标题</h6>
</body>
</html>
（2）文字的字体、大小和颜色标签<font>
<font>标签用于控制文字的字体、大小和颜色。控制方式利用属性设置得以实现。标签的一般格式为：
<font face=“字体属性值” size=“大小属性值”color=“颜色属性值"> 文字 </ font >
face属性指定显示文本的字体；size属性的取值为1~7；color属性的值为颜色的RGB值或颜色的名称，如color="#FF0000"或color="red"表示将文字颜色设置为红色。
（3）文字的样式标签：
在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。
1) 粗体标签<b>
放在<b>与</b>标签之间的文字将以粗体方式显示。
2) 斜体标签<i>
放在<i>与</i>标签之间的文字将以斜体方式显示。
3) 下划线标签<u>
放在<u>与</u>标签之间的文字将以下划线方式显示。
8-3 文字字体、大小、颜色和样式标签示例
<html>
<head> … </head>
<body>
<fontcolor=“#FF0000” size=“2”><b>粗体文字示例 </b></font>
<br>
<i>斜体文字示例</i>
<br>
<u>下划线文字示例</u>
</body>
</html>
2.页面布局标签
（1）换行标签<br>
换行标签是个单标签，也叫空标签，不包含任何内容，在HTML文件中的任何位置只要使用了<br>标签，当文件显示在浏览器中时，该标签之后的内容将从下一行显示。例如在图7-4所示的效果中就使用了<br>标签。
（2）分段标签<p>
由<p>和</p>标签所标识的文字，代表同一个段落的文字。分段标签<p>的一般格式为：
<p align ="属性值"> 段落内容 </p >
其中，align是<p>标签的属性，属性值可以是left、center和right之一，它们分别用来设置段落文字的左对齐、居中对齐和右对齐。
3.插入图像标签
HTML支持的图像文件格式有gif、jpeg等，在HTML文档中插入图像文件要使用<img>标签，其具体使用格式为：
<imgsrc="图像文件名"
其中src是source的英文缩写，“图像文件名”是图像文件的URL地址；
如下的HTML文档在浏览器中显示的效果如图所示。
8-4 插入图像显示示例
<html>
<head>
<title>插入图像文件示例</title>
</head>
<body>
<imgsrc="face1.gif" >
<imgsrc="face1.gif"width="80" height="80">
</body>
</html>
4.插入超链接
链接是指文档中的文本或者图像与另一个文档、文档的一部分或者一幅图像链接在一起。在HTML中，简单的链接标签是<a>。它的基本语法是：
<a href="文件名">... </a> 或 <ahref="URL"> ... </a>
其中href是英文hypertextreference的缩写。
<html>
<head>
<title>HTML超链接</title>
</head>
<body>
<h2> HTML超链接示例</h2>
<a href="first.html">我的第一个网页</a> |
<a href="www.163.com">网易</a> |
</body>
</html>
8-5 HTML超链接示例
5.表格标签
一张表格有许多表元素组成，例如表的标题、表行、表列标题等。
一般的HTML文档表格结构如下所示：
<table>
<tr>
<td>第一行第一个单元格</td>
<td>第一行第二个单元格</td>
</tr>
</table>
其中<table>…</
table >标签用于定义一个表格开始和结束；<caption>…</
caption >标签用于定义表的名称，它是可以缺省；<tr>…</tr>标签为定义行标签，一组行标签内可以建立多组由<td>或<th>标签所定义的单元格；<th>…</th>用于定义表头单元格，在表格中可以缺省，<td>…</td>标签为定义单元格标签或列标签，<th>和<td>标签必须放在<tr>标签内。
还可以在标签内使用width、height、border、cellspacing、cellpadding、bgcolor、align、valign、rowspan、colspan等属性b来控制表格的样式。
Width：宽度；height：高度（属性值可以用像素来表示，也可以用百分比来表示）；Border：设置表格边框的厚度；
Cellspacing：设置单元格之间的间隔；
Cellpadding：用来设置内容与单元格边线之间的间隔；
Bgcolor：设置表格的背景颜色；align和valign：设置表格内数据的对齐方式；
rowspancolspan属性可以创建跨多行和多列的单元格。
<html>
<head>
<title>表格示例</title>
</head>
<body>
<table border="1" cellpadding="0"
cellspacing="0"
width="60%">
<caption>学生成绩表</ caption >
<tr bgcolor="yellow"
>
<th width="25%">学号</th>
<th width="25%">期中</th>
<th width="25%">期末</th>
<TH width="25%">总评</TH>
</tr>
<tr>
<td width="25%"
align="center">20024401</td>
< td width="25%"
align="center"> 80 </ td >
< td width="25%"
align="center"> 90 </ td >
< td width="25%"
align="center"> 85 </ td >
</tr>
<tr>
< td width="25%"
align="center"> 20024402 </ td >
< td width="25%"
align="center"> 70 </ td >
< td width="25%"
align="center"> 80 </ td >
< td width="25%"
align="center">75</ td >
</tr>
< tr >
< td width="25%"
align="center">备注</
td >
< td width="75%" colspan="3">所有学生考核合格</
td >
</tr>
</table>
</body>
</html>
8-6 HTML表格示例
