超级链接的使用.pptVIP

第1页，共28页，编辑于2022年，星期三 本课学习目标 理解超级链接的作用及类型 理解链接路径及各类型的使用 掌握文本和图片链接的创建方法 掌握Email、锚点链接的创建方法 第2页，共28页，编辑于2022年，星期三 7.1 超级链接概述 7.1.1 超级链接的概念及作用 超级链接（超链接或链接）是从源端点到目标端点的一种跳转，可以看作是一种文件的指针。它提供了相关联文件的路径，以指向目标端点的文件，并可跳转到相应的文件； 它是文档与文档之间的链接，当单击它时，超链接可指向另外一个页面或文件。链接目标通常是另外一个网页，但也可以是一幅图片、一个电子邮件地址或其他文档。 在浏览器中，超链接通常在鼠标指向它的时候，会变成手形，单击即可打开超链接。 第3页，共28页，编辑于2022年，星期三 7.1.2 超文本链接标记 在HTML语言中，超文本链接标记通过锚标记a和/a来实现。此标记需成对出现，以a 属性定义开始，/a结束。常用的属性有： href：定义链接目标。 title：定义当鼠标移动到链接上时出现的提示文字。 target：设定链接目标显示的窗口，如target=_bank表示在新窗口中打开目标。 例如： a href= target=_bank“ title=”搜狐”搜狐主页/a 这段代码表示：当鼠标移动到“搜狐主页”上要显示“ ” 当单击“搜狐主页”这几个文字时，将 中打开“ ”网站主页。 第4页，共28页，编辑于2022年，星期三 “目标(R)”的各选项作用如下： _blank：将链接的文档在一个新的、未命名的浏览器窗口中打开。 _parent：将链接的文档在该链接所在框架的父框架或父窗口中打开。如果包含链接的框架不是嵌套框架，则所链接的文档在整个浏览器窗口中打开。 _self：将链接的文档在链接所在的同一框架或窗口中打开，此目标为默认值，即不指定目标，则在同一框架或窗口打开文档。 _top：将链接的文档在整个浏览器窗口中打开，从而取代当前窗口的所有框架。 l???????? 第5页，共28页，编辑于2022年，星期三 在一个文档中可以创建几种类型的链接(链接到其它文档或文件（如图形、影片、PDF 或声音文件）的链接)： (1)文本、图片、热点链接 (2)命名锚记链接，此类链接跳转至文档内的特定位置。 (3)电子邮件链接，此类链接新建一个收件人地址已经填好的空白电子邮件。 (4)空链接和脚本链接，此类链接使您能够在对象上附加行为，或者创建执行 JavaScript 代码的链接。 注意：创建链接之前，一定要清楚文档相对路径、站点根目录相对路径以及绝对路径的工作方式。 7.1.3超级链接的类型 第6页，共28页，编辑于2022年，星期三 链接路径的类型： 1、绝对路径 2、相对路径 (1) 文档相对路径 (2) 根目录相对路径 7.1.4 链接路径 第7页，共28页，编辑于2022年，星期三 ?????1、? 绝对地址 绝对路径提供了所链接网页的完整URL。 例如：/wlzx/index.asp 绝对路径由http://、ftp://等开始的，它不仅提供所链接文档的完整 URL，而且包括所使用的协议（如对于 Web服务为http://，FTP服务为ftp://）。 注意： 尽管对本地链接（即到同一站点内文档的链接）也可使用绝对路径链接，但不建议采用这种方式，因为一旦将此站点移动到其它服务器，则所有本地绝对路径链接都将断开。 若本地链接使用相对路径还能在需要在站点内移动文件时，提供更大的灵活性。 第8页，共28页，编辑于2022年，星期三 2、相对地址 相对地址是由文件名及其扩展名组成的，并且假设URL指向位于同一台WEB服务器上的文件。 相对路径的基本思想是省略掉对于当前网页和所链接的网页都相同的绝对URL部分，而只提供不同的路径部分。 第9页，共28页，编辑于2022年，星期三 1．相对路径 (1) 文档相对路径 在当前网页与所链接的网页处于同一文件夹内，而且可能一直保持这种状态的情况下，文档相对路径特别有用。文档相对路径也可用来链接到其它文件夹中的文档，方法是利用文件夹层次结构，指定从当前网页到所链接网页的路径。文档相对路径有以下三种形式： ① 链接目标与当前网