HTML语言与网页设计
——使用超链接
目录
超链接基础
创建超链接
客户端图象映射
超链接基础
URL（ Universal Resources
Locator）用于定位 Web上的文档
信息。
一个 URL 包括 3 部分：协议、计
算机地址、文件路径。
协议,//计算机 /文件路径
域名与 IP地址
超链接基础
绝对 URL是指资源的完整地址，
包括 URL的所有 3个部分，即：
协议,//计算机 /文档名
超链接基础
相对 URL是指 Internet上资源
相对于当前页面的地址，它包含
从当前页面指向目标页面位置的
路径。
使用相对 URL的好处：易于维护
不同类型的超链接
内部网页超链接
外部网页超链接
页面内的超链接
文件下载超链接
Email超链接
创建超链接
A 标记符用于创建超链接（结
束标记符不能省略）,href 属
性用于指定超链接的目标。
创建超链接
内部网页超链接,<a
href=test.htm>link</a>
外部网页超链接,<a
href=www.microsoft.com>l
ink</a>
演示 ——超链接效果
创建超链接 ——锚点链接
使用页面内的超链接，首先需要定
义锚点，然后在超链接中指向该锚
点。
定义锚点应使用 <a
name=xxx></a>
指向锚点的超链接为,<a href=#
锚点名称 >link</a>
创建超链接 ——锚点链接
指向其他页面内锚点的超链接：
<a href=文件 #该文件中的锚
点 >link</a>
演示 ——锚点超链接效果
创建超链接 ——文件下载
当我们的超链接目标为浏览器
不能识别的格式时，那么就自动
生成了文件下载链接。
<a href=xxx.zip>下载 </a>
演示 ——文件下载效果
创建超链接 ——Email链接
<a
href=mailto:someone@email.c
om>Email</a>
<a
href=mailto:someone@email.c
om?subject=“网站建
议, >Email</a>
演示 ——Email链接效果
演示 ——图像链接效果
客户端图象映射
什么是客户端图象映射
客户端图象映射的使用 （ 1） 定
义映射图（ 2）使用映射图
客户端图象映射
定义映射图,<map>标记符和
<area>标记符
使用映射图,<img
usemap=#映射图名称 >
AREA标记符
Shape属性（ rect,circle、
poly）
Coords属性
Href属性
演示 ——图像映射效果