第8章+链接元素.pptVIP

第8章 链接元素 平时在浏览网页的时候，当点击某个字或某个图片时，就可以打开另外一个画面。这个作用对网页来说相当重要，否则我们只能在每打开一个页面时就要在地址栏内输一次地址。通过本章的学习，应该掌握下面几点： 链接元素各种属性的使用方法和表现效果。 理解两种路径的特点和用法。 能够使用图片进行链接。 8.1 链接和路径 本节主要讲解关于超级链接的概念、路径基础知识、相对路径和绝对路径等内容。下面分别进行详细介绍。 8.1.1 超链接的概念 超文本链接（hypertextlink）通常简称为超链接（hyperlink），或者简称为链接（link）。链接是HTML的一个最强大和最有价值的功能。链接是指文档中的文素或者图像与另一个文档、文档的一部分或者一幅图像链接在一起。 8.1.2 路径 url 路径url用来定义一个文件、内容或者媒体等的所在地址。这个地址可以是相对链接，也可以是一个网络中的绝对地址。关于路径的写法，因其所使用的方式不同有相应的变化。下面是一个使用路径的实例。 8.1.3 HTTP路径 HTTP路径，用来链接Web服务器中的文档。 8.1.4 FTP路径 FTP路径，用来链接FTP（File Transfer Protocol，文件传输协议）服务器中的文档。使用FTP路径时，可以在浏览器中直接输入相应的FTP地址，打开相应的目录或者下载相关内容。也可以使用相关的软件，打开FTP地址中相应的目录或者下载相关内容。 8.1.5 邮件路径 邮件路径，用来链接一个电子邮件的地址。下面是邮件路径可以使用的写法。 8.2 链接元素 a 链接元素a用来定义一个超链接。前面使用连接时已经用到a元素，其实在a元素中，不但可以包含文本内容，也可以包含图片等其他内容。 8.2.1 指定路径属性 href 指定路径属性href用来指定链接元素a的目标地址。从上面路径的知识可以知道，此时使用的路径可以包含8-1节中所讲解的所有路径。 8.2.2 显示链接目标属性 target 显示链接目标属性target用来指定链接目标文件显示的窗口。 8.2.3 激活顺序属性 tabindex 激活顺序属性tabindex，用来用来指定当按下Tab键时，页面中链接的激活顺序。 8.2.4 链接的热键属性 accesskey 链接的热键属性accesskey用来指定激活链接所使用的键。 8.3 图像链接 图像中的链接，包括为图像元素制作链接和在图像的局部制作链接。其中在图像的局部制作链接比较复杂，将会使用到map、area等元素及其相关属性。下面进行详细讲解。 8.3.1 创建链接区域元素 map 创建链接区域元素map，用来在图像元素中定义一个链接区域。map元素本身并不能指定链接区域的大小和链接目标，map元素的主要作用是，用来标记链接区域。页面中的图像元素可以使用map元素标记的区域。语法结构如下所示。 map其他元素/map map元素一般要结合area元素一起使用，将在讲解area元素时再做实例演示。 8.3.2 链接区域的名称属性 name 链接区域的名称属性name，用来定义链接区域的名称，方便图像元素的调用。语法结构如下所示。 注意：name属性的取值必须是唯一的。 map name=”名称”其他元素/map name属性的实例演示，将在后面的章节中讲解。 8.3.3 定义鼠标敏感区元素 area 定义鼠标敏感区元素area，用来定义链接区域的大小和坐标，同时可以指定每个敏感区域的链接目标。 8.3.4 链接的路径属性 href、nohref 指定路径属性href，用来指定链接的地址。不指定路径属性nohref，用来不指定链接的地址。其中href属性和a元素中完全相同。使用指定路径属性href的语法如下所示。 8.3.5 链接的文本说明属性 alt 链接的文本说明属性alt用来使用附加的文本，对链接进行说明。和img元素里的alt属性类似，当鼠标悬停在某个链接区域时，将会显示出alt属性中附加的文本。