如何制作超链接.pptVIP

3.3.4 建立超链接 一、概述 HTML文件中最重要的应用之一就是超链接，web上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。 一、概述 建立超链接的标签为A和/A 格式为：A HREF=资源地址? TARGET=窗口名称 TITLE=指向连接显示的文字超链接名称/A 说明：标签A表示一个链接的开始，/A表示链接的结束； 属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问 TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。 一、概述 TITLE：该属性用于指定指向链接时所显示的标题文字。 ?“超链接名称”是要单击到链接的元素，元素可以包含文本，也可以包含图像。文本带下划线且与其它文字颜色不同；图形链接通常带有边框显示。用图形做链接时只要把显示图像的标志img嵌套在A HREF=URL/A之间就能实现图像链接的效果。当鼠标指向超链接名称处时会变成手状，单击这个元素可以访问指定的目标文件。 一、概述 例1： 下面是一个使用HTML编辑器编辑的《HTML初学者指南》文档，它的文件名是beginner.html，存放在d盘lianjie/example1的文件夹下。该文档包含有4个部分，每个部分用单独的一个文档来表示，分别是page1.html， page2.html ， page3.html ， page4.html而且都存放在lianjie/example1目录下，《HTML初学者指南》的文档如下所示： HTML HEAD TITLEHTML初学者指南/TITLE /HEAD BODY H2HTML入门/H2 A href=page1.html第一部分/A | A href=page2.htmlTARGET=_blank 第二部分/A | A href=page3.html第三部分/A | A href=page4.html第四部分/A /BODY /HTML 小练习： 用HTML自定义3个内容不同的超链接文档p1,p2,p3，并编写一个超链接文档lianjie.html，链接这3个html文档。使用在原窗口打开文档以及在新窗口打开文档的属性。 二、链接路径 每一个文件都有自己的存放位置和路径，理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。 URL(Uniform Resourc Locator) 指的就是每一个网站都具有的地址。同一个网站下的每一个网页都属于同一个地址之下，在创建一个网站的网页时，不需要为每一个连接都输入完全的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。 二、链接路径 因此，链接可以分以下三种： 绝对路径如： 相对路径如：news/index.html 根路径如：d│/web/news/index.html 1、绝对路径 绝对路径：包含了标识INTERNET上的文件所需要的所有信息。文件的链接是相对原文档而定的。包括完整的协议名称，主机名称，文件夹名称和文件名称 其格式为 ： 通讯协议 ：//服务器地址：通讯端口/文件位置/文件名。 2、相对路径 相对路经——是以当前文件所在路径为起点，进行相对文件的查找。 一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。 通常相对路径只包含文件夹名和文件名。甚至只有文件名。可以用相对URL指向与源文档位于同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。 2、相对路径 如果链接到同一目录下，则只需输入要链接文件的名称。 要链接到下级目录中的文件。只需先输入目录名，然后加/，再输入文件名。 要链接到上一级目录中文件，则先输入../，再输入文件名。 2、相对路径 例2： 如果文档“page1.html”存放在目录 d:/lianjie/example/page下， 使用相对路径时可写成： A href= page/page1.html第一部分/A 使用绝对路径时写成： A href= d:/lianjie/example/page/page1.html第一部分/A 3、根路径 根路径目录地址同样可用于创建内部链接，但大多数情况下，不建议使用此种链接形式。 根路径目录地址的书写也很简单，首先以一个斜杠开头，代表根目录，然后书写文件夹名，最后书写文件名。如果根目录要写盘符，就在盘符后使用│,而不用:??与DOS的写法不同。 如：/web/h