【2017年整理】第五单元站点导航--超链接.docVIP

PAGE PAGE 31 第五单元 站点导航--超链接 [学习目标] 超链接是HTML超文本文件的命脉，HTML通过超链接标记符来整合分散在世界各地的图、文、影、音等信息。本单元主要讲解4种常用的超链接的建立及图像超链接的建立。WWW如此流行，一个重要的原因就是引入了超文本和超链接。超文本就是包含有超链接的字符串，而超文本的精华就在于超链接（Hyperlink），超链接为快速查找所需的信息提供了方便，在浏览网页时，通过单击超链接，可以从一个网页转到另一个网页，从网页的一处转到另一处，或转到不同的站点，所有这些，都是超链接标记符a href=URL ... /a起的作用。另外为了使网站的各网页风格统一，使用CSS技术是一种非常简捷的方式，CSS提供了80多种属性，弥补了HTML控制标记符将数据格式变化有限的缺陷。 [学习要点] 文字导航 图形导航 文档上下文导航 电子邮件导航 CSS的简介 [任务介绍] 主页（HOMEPAGE）：是指单位或个人的因特网“首页“，当浏览者进入某个网站时，屏幕所显示的首页就是主页，相当于书的总目录，因而主页使用超链接是最多的。制作如图５-1所示的主页，并使该主页能够实现不同页面的链接。 图５-1 5.1 建立超链接 超链接是Html语言的一大特色，正因为有了它，浏览者对内容的浏览才能够具有灵活性和网络性。创建一个超链接需要使用超链接标记符a href=URL ... /a，a是单词Anchor（锚点）的首字母，鼠标指针指向超链接热点（文本或图形）时，将变成手形。通过单击热点文字或图形，可以从此处转到另一处（目标资源），这个目标资源有惟一的地址（URL地址）。a href=URL ... /a标记符的格式如下： a href=地址 name=书签名 target=打开窗口方式热点/a 属性的功能如表5-1所示： 属性 功能 href=地址 href是不可缺少的。用以指定超链接所连接的文件的相对或绝对位置 name=书签名 指定文档内的“书签名”作为链接时可以使用的有效的目标资源的地址 target=打开窗口方式 此属性用来指明浏览的目标网页，当浏览者单击了超链接之后将在原来的浏览器窗口中浏览新的HTML文档。 target=_blank 或new：将会打开一个新的浏览器窗口 target=_parent：将链接的页面内容显示在父框架中 target=_self：将链接的页面内容显示在当前窗口中（默认值）。 target=_top：将框架中链接的页面内容显示在没有框架的窗口中（即除去了框架） target=框架名称：链接的页面内容显示在指定的“框架名称”的窗口中 表5-1 根据所链接到的内容的不同，常见的超链接可以分为4种：指向本地网页的链接、指向其他网页的链接、指向E-MAIL地址的链接及指向页面中特定部分的链接（也叫书签链接）。 指向本地网页的链接 利用a href=URL ... /a可以从一个页面链接到另一个页面。在为超链接编写HTML文件时，如果目标资源放在本地机器上，可以用相对路径；否则，应写绝对路径。对于目标资源放在本地机器上的文件，根据该文件与当前文件目录的关系，有如下的四种写法，如表5-2所示： 网页文件放在G:\html_vbscript里，列出几种目标资源mb.htm放在G:盘不同目录的情形 Html文件的位置 目标资源的位置 写法 情形说明 G:\html_vbscript G:\html_vbscript a href=mb.htm…/a 图文均在同一目录 G:\html_vbscript G:\html_vbscript\img a href=img/mb.htm…/a 图在网页下一层目录 G:\html_vbscript G:\ a href= ../mb.htm…/a 图在网页上一层目录 G:\html_vbscript G:\img a href= ../img/mb.htm…/a 图文在同一层但不同目录 表5-2 指向其他网页的链接 对于其它机器上或INTERNET上的目标资源（即外部资源），只能用绝对路径（使用完整的路径名，即需要以“http://”开头。） 例如：将index.htm网页中的文字“链接到网易”设成链接至网易站点的超链接，则应使用HTML语句为：a href=链接到网易/a。 链接到外面去，可以扩充网站的实用性，也正因这功能，才造就了www五彩缤纷的世界。由于网络上的服务五花八门，所以不同的服务有不同的链接方法，表5-3列出了指向其他网页的链接的情况。 网站链结 HYPERLINK / 网站 a href=网站/a 电子邮件链结 请 HYPERLINK mailto:tad@.tw 写信给我 a href=mailto:z