第 3章 建立超级链接
? URL（ Universal Resources
Locator）用于定位 Web上的文档信息。
? 一个 URL 包括四部分：协议、计算机
地址、端口号、文件路径。
? 协议,//计算机,端口号 /文件路径
超链接基础
超链接基础 —— 绝对 URL
绝对 URL是指资源的完整地址，包括 URL
的所有四个部分，即,
协议,//计算机,端口号 /文档名
超链接基础 —— 相对 URL
? 相对 URL是指 Internet上资源相对于 当
前页面 的地址，它包含从当前页面指向
目标页面位置的路径。
? 使用相对 URL的好处：易于维护
超链接基础 —— 相对 URL
? 使用相对 URL时，经常使用两个与 DOS
类似的符号,
? 句点（,）表示当前目录
? 双重句点（,.）表示当前目录的上一级目录
超链接基础 —— 相对 URL
不同类型的超链接
? 根据超链接的目标文件不同，分为,
? 网页之间的超链接
? 页面内的超链接
? 文件下载超链接
? Email超链接
? 空超链接
不同类型的超链接
? 根据超链接源对象的不同，分为,
? 文本超链接
? 图像超链接（包括图像映射）
? 对象超链接（例如 Flash,Java小程序）
超链接标签
在 HTML文件中，建立超链接的标签为 <a>和 </a>。
1．格式,
<a href="链接位置 " target="窗口名称 ">超链接名称 </a>
2．说明,
① 超链接名称就是链接的源点,当鼠标被移到超链接名称处时会变
成手状 。此时，用户通过点击鼠标就可以到达链接的位置。
② 链接位置就是超链接的目标,可使用 URL指定。 URL的格式是由
通讯协议、链接地址与文件位置所组成，语法如下,
通讯协议,//链接地址 /文件位置,../文件名称
③ target用于指定打开链接的目标窗口 。 target属性的默认值是原窗
口，只需要将该名字设为与原窗口不同的名字，即可实现在新窗口中
打开链接。其中的“窗口名称”是你想给新窗口取的名字。
HTML支持的超链接主要有 2种：在同一文件中建立链接（跳转到标
记位置）和不同文件之间的跳转。
演示 —— 超链接效果
同一文件中的链接,ex3-01.html
不同文件中的链接,ex3-02.html
链接其它站点,ex3-03.html
创建超链接 —— 锚点链接
? 使用页面内的超链接，首先需要定义锚
点，然后在超链接中指向该锚点。 定义
锚点应使用 <a name=xxx></a>
? 指向锚点的超链接为,<a href=#锚点
名称 >link</a>
创建超链接 —— 锚点链接
? 指向其他页面内锚点的超链接,<a
href = 页面的 URL#该文件中的锚点
>link</a>
? <a href= # >blank link</a>
演示 —— 锚点超链接效果
创建超链接 —— 文件下载
? 当超链接目标为浏览器不能识别的文件
格式时，那么就自动生成了文件下载链
接。
? <a href=xxx.zip>下载 </a>
演示 —— 文件下载效果
创建超链接 —— Email链接
? <a
href=mailto:i@email.com>Email</a>
? 控制命令,
??subject= 设置信件主题
??cc= 设置抄送人
??bcc= 设置密件抄送人
? & 组合多个控制命令
演示 —— Email链接效果
书上的例子,ex3-05.html
超链接的显示效果
HTML文件中超链接文字颜色的设置，是由 <body>
标签中的 text,alink,vlink与 link属性所控制。其中,
① text属性：非可链接文字的颜色,
默认为黑色（ Black）。
② link属性：可链接文字的颜色，默认为蓝色（ Blue）。
③ vlink属性：已经被访问过的可链接文字的颜色,
默认为粟色（ Maroon）。
④ alink属性：正被单击的可链接文字的颜色,
默认为红色 (Red)。
书上的例子,ex3-04.html
? URL（ Universal Resources
Locator）用于定位 Web上的文档信息。
? 一个 URL 包括四部分：协议、计算机
地址、端口号、文件路径。
? 协议,//计算机,端口号 /文件路径
超链接基础
超链接基础 —— 绝对 URL
绝对 URL是指资源的完整地址，包括 URL
的所有四个部分，即,
协议,//计算机,端口号 /文档名
超链接基础 —— 相对 URL
? 相对 URL是指 Internet上资源相对于 当
前页面 的地址，它包含从当前页面指向
目标页面位置的路径。
? 使用相对 URL的好处：易于维护
超链接基础 —— 相对 URL
? 使用相对 URL时，经常使用两个与 DOS
类似的符号,
? 句点（,）表示当前目录
? 双重句点（,.）表示当前目录的上一级目录
超链接基础 —— 相对 URL
不同类型的超链接
? 根据超链接的目标文件不同，分为,
? 网页之间的超链接
? 页面内的超链接
? 文件下载超链接
? Email超链接
? 空超链接
不同类型的超链接
? 根据超链接源对象的不同，分为,
? 文本超链接
? 图像超链接（包括图像映射）
? 对象超链接（例如 Flash,Java小程序）
超链接标签
在 HTML文件中，建立超链接的标签为 <a>和 </a>。
1．格式,
<a href="链接位置 " target="窗口名称 ">超链接名称 </a>
2．说明,
① 超链接名称就是链接的源点,当鼠标被移到超链接名称处时会变
成手状 。此时，用户通过点击鼠标就可以到达链接的位置。
② 链接位置就是超链接的目标,可使用 URL指定。 URL的格式是由
通讯协议、链接地址与文件位置所组成，语法如下,
通讯协议,//链接地址 /文件位置,../文件名称
③ target用于指定打开链接的目标窗口 。 target属性的默认值是原窗
口，只需要将该名字设为与原窗口不同的名字，即可实现在新窗口中
打开链接。其中的“窗口名称”是你想给新窗口取的名字。
HTML支持的超链接主要有 2种：在同一文件中建立链接（跳转到标
记位置）和不同文件之间的跳转。
演示 —— 超链接效果
同一文件中的链接,ex3-01.html
不同文件中的链接,ex3-02.html
链接其它站点,ex3-03.html
创建超链接 —— 锚点链接
? 使用页面内的超链接，首先需要定义锚
点，然后在超链接中指向该锚点。 定义
锚点应使用 <a name=xxx></a>
? 指向锚点的超链接为,<a href=#锚点
名称 >link</a>
创建超链接 —— 锚点链接
? 指向其他页面内锚点的超链接,<a
href = 页面的 URL#该文件中的锚点
>link</a>
? <a href= # >blank link</a>
演示 —— 锚点超链接效果
创建超链接 —— 文件下载
? 当超链接目标为浏览器不能识别的文件
格式时，那么就自动生成了文件下载链
接。
? <a href=xxx.zip>下载 </a>
演示 —— 文件下载效果
创建超链接 —— Email链接
? <a
href=mailto:i@email.com>Email</a>
? 控制命令,
??subject= 设置信件主题
??cc= 设置抄送人
??bcc= 设置密件抄送人
? & 组合多个控制命令
演示 —— Email链接效果
书上的例子,ex3-05.html
超链接的显示效果
HTML文件中超链接文字颜色的设置，是由 <body>
标签中的 text,alink,vlink与 link属性所控制。其中,
① text属性：非可链接文字的颜色,
默认为黑色（ Black）。
② link属性：可链接文字的颜色，默认为蓝色（ Blue）。
③ vlink属性：已经被访问过的可链接文字的颜色,
默认为粟色（ Maroon）。
④ alink属性：正被单击的可链接文字的颜色,
默认为红色 (Red)。
书上的例子,ex3-04.html
