注：在一个最基本的表格元素中，必须包 含一组<table>标签、一组<tr>标签与一 组<td>标签。
定义表头标签<th></th> 例子
<th>标签用于定义表格内的表头单 元格，此单元格中的文字将以粗体 的方式显示
<th>标签是成对出现标签，首标签 <th>和尾标签</th>之间的内容就是 位于该单元格的表头元素内容。 在一个表格的定义语法中也可以不 使用<th>标签，定义表头单元格。
源锚点文本(当前页面上供单击的链接文本)
</a> 注意： 一个页面中的id(或name)属性值必须唯一。
示例
8
1.4 创建电子邮件的链接
格式：
<a href= “mailto:name@？
subject=主题 &cc=抄送邮箱地址 &bcc=密送邮箱地址 &body=内容” /> 当前页面上供单击的链接文本
<table width=200 height=50%> 表示该表格的宽度为200个像素点，高度
为浏览器窗口高度的50%。
2.2.4 设置表格的位置align
设置表格的位置的基本语法如下：
<table align="参数值">
align属性的参数值为left、center和
right之一，分别 表示表格位于其相邻文
2.2.8 设置表格 边框的显示状态frame
设置表格的左边框、右边框、上边框、下边框为显示 或者隐藏。 设置表格边框显示状态的基本语法如下： 显示整个表格边框 <table frame="box"> 不显示表格边框 <table frame="void"> 只显示表格的上下边框 <table frame="hsides"> 只显示表格的左右边框 <table frame="vsides"> 只显示表格的上边框 <table frame="above"> 只显示表格的下边框 <table frame="below"> 只显示表格的左边框 <table frame="lhs"> 只显示表格的右边框 <table frame="rhs">
</a> <a href=“mailto:a@ ?subject=咨询 &cc=a@.c&bcc=a@> 需要咨询请联系我 </a>
示例：
9
设置链接的属性——target
作用：指定包含在链接目标文件显示的位置 语法格式： <a href= “目标页面 - URL”
2.2.1
设置表格边框的尺寸border
设置边框尺寸的语法如下：
<table border="数值">
border属性的参数值是数字，表示表格
边框宽度所占的像素点数。例如，<table
border=10>表示表格的边框宽度为10个像
素点。
2.2.2 设置表格边框的颜色
设置表格边框颜色的基本语法如下：
<area
shape属性和coords属性
shape值 default 创建的形状 没有定义区域 无 所需热点区域点坐标
rectangle (rect) circle (circ)
polygon (poly)
矩形 圆形
多边形
左上角、右下角（共4个数字） 圆心、半径（共3个数字）
示例 每个顶点一对坐标，自动闭合
服务器端图像映射：
服务器的脚本文件处理用户单击的位置坐标指示链接 的目标页面。 具体实现方法依赖于服务器类型及脚本。
客户端图像映射：
浏览器根据用户单击的位置指示链接的目标页面。 可用HTML（XHTML）代码实现。
本次仅讨论客户端图像映射的实现。
13
客户端图像映射
实现方法： 第一步：使用<img>插入作为地图的图片 <img src= “地图图片地址” alt=“鼠标移上地图时显示的图片简介” /> 第二步：用画图工具找到并记下热点区域需要的各点坐标 第三步：设置<map>和<area>元素，定义映射图
10
设置链接的属性——更改颜色
由<body>标签中的一组相关属性设置 各属性及作用：
属性名
text属性
作用
非可链接文字的颜色
默认值
黑色
link属性
vlink属性 alink属性
可链接文字的颜色
已经被访问过的可链接文字的颜色 正被单击的可链接文字的颜色
蓝色
粟色 红色
示例：
<body link=red vlink=blue alink=green> <a href= “目的页面 - URL” />链接文本 </a> 示例 </body>
创建到本页面某个位置的链接
目的：在长文本页面内，可能需要在各个部分间跳转， 方便阅读。 基本概念：
源锚点：页面上可以单击的链接 目的地锚点：源链接指向的特定位置
方法：
第一步：在目的地锚点处使用 <a id=“目的锚名”> 目的地锚点文本</a> 第二步：在源锚点处使用 <a href= “#目的锚名” />
字的左侧、表格水平居中和表格位于与
其相邻的文字右侧。
2.2.5 设置表格的背景颜色或背景图像
设置表格的背景颜色或背景图像的基本 语法如下：
<table bgcolor="#">
<table background="URL">
其中，“#”取值为16进制的颜色代码。
2.2.6 设置格框线 的宽度cellspacing
文件名。
/img/image/ilogob.gif
1.3 利用<a>创建链接
目的：建立从当前页面到目的文件的链接 语法格式： <a </a> 注意：
目的文件若在本站点内，适合使用相对路径 目的文件若在其他站点内，适合使用绝对路径 页面上显示的链接文本将被自动加上下划线 该链接文本也可以是图像文件
设置表格尺寸的语法如下：
<table width="数值" height="数值">
width和height属性的作用是指定表格的大
小。其中width属性用以规定表格的宽度，
height属性用以规定表格的高度。这两个属
性的参数值可以是数字或百分数
2.2.3 设置表格的尺寸width/height
例：
6
href= “目的文件 - URL” />
当前页面上供单击的链接文本
创建到另一页面的链接
目的：建立从当前页面到目的页面的链接 语法格式： <a </a> 注意：
目的页面文件若在本站点内，适合使用相对URL 目的页面文件若在其他站点内，适合使用绝对URL
示例
7
href= “目的页面 - URL” /> 当前页面上供单击的链接文本
一、超链接
超链接
1.1 1.2 1.3 1.4 1.5 链接的基本概念 目录和目录结构 使用<a>创建链接 创建到电子邮箱 以图像作为链接
2
1.1 链接的基本概念
什么是链接？
是Web与其他媒体最本质的不同之处。 是用户在组成Web站点的多个页面之间切换的途径。 是用户从本站点访问其他站点和其他媒体的途径。
<table bordercolor="#"> 设置表格边框颜色的亮度的基本语法如下： <table bordercolorlight="#"> <table bordercolordark="#"> 其中，“#”取值为16进制的颜色代码， 其代码可参见颜色代码表。
2.2.3 设置表格的尺寸width/height
根目录：保存站点的主目录 子目录：位于其他目录中的目录 父目录：包含其他目录的目录
示例：
我的站点是（根）目录 我的站点是图书的 （父 ）目录 下载是音乐的 （ 子 ）目录 图书是音乐的 （ 平行 ）目录
4
1.2 目录和目录结构
文件在目录结构中的位置使用URL表示
绝对地址（绝对URL）： 显示文件的完整路径，包括 协议模式、服务器名称、 完整路径 和
一个表格元素，是由数个横行
（<tr>）、单元格（<td>）与表头
单元格（<th>）子元素所组成。
定义表行标签<tr></tr>
<tr>标签用于定义表格的一行，在
一组<tr>标签内可建立一行表格， 也可以包含数组由<td>或<th>标签 所定义的单元格。
定义单元格标签<td></td>
<td>标签用于定义表格的单元格，<td> 标签必须放在<tr>标签内。 数据标签<td>是成对出现标签，首标签 <td>和尾标签</td>之间的内容就是该单 元格中的具体数据。
11
1.5 以图像作为链接
