《HTML语言—建立超级链接》由会员分享，可在线阅读，更多相关《HTML语言—建立超级链接（40页珍藏版）》请在金锄头文库上搜索。
1、HTML-超链接超链接Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.HTML-超链接超链接基本概念基本概念链接标记链接标记内部链接内部链接书签链接书签链接外部链接外部链接Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.一、基本概念URL
2、绝对路径绝对路径相对路径相对路径根路径根路径Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.URLURL(Uniform Resource Locator):URL(Uniform Resource Locator):统一资源定统一资源定位符。位符。基本结构：基本结构： protocol:/site address/directory/filename例：例：http:/ http:/ ftp:/ only.Crea
3、ted with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.相对路径和绝对路径的使用方法：相对路径和绝对路径的使用方法：ch6dir1dir2ch6_1.htmsea.gifch7ch7_1.htmdir3ch7_2.htm引用者引用者被引用者被引用者相对路径相对路径绝对路径绝对路径ch6_1.htmsea.gif./dir2/sea.gif/ch6/dir2/sea.gifch7_2.htmsea.gif././ch6/dir2/sea.gif /ch6/dir2/
4、sea.gifch6_1.htmch7_1.htm././ch7/ch7_1.htm/ch7/ch7_1.htmch7_2.htmch7_1.htm./ch7_1.htm/ch7/ch7_1.htm 如果引用文件存在与当如果引用文件存在与当前目录的子目录下，或存在前目录的子目录下，或存在于上一层目录的另一个子目于上一层目录的另一个子目录中时，运用相对路径是比录中时，运用相对路径是比较方便的。较方便的。 如果不是这种情况，则如果不是这种情况，则干脆利用绝对路径，比较省干脆利用绝对路径，比较省事。从表中也可以看出，当事。从表中也可以看出，当被引用的是同一个文件时，被引用的是同一个文件时，不论从哪个
5、文件引用，所使不论从哪个文件引用，所使用的绝对路径都是一样的。用的绝对路径都是一样的。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.绝对路径绝对路径绝对路径：协议网址目录文件名绝对路径：协议网址目录文件名协议：协议：HTTPHTTP、FTPFTP、FILEFILE、TelnetTelnet等等网址：网址：域名地址、域名地址、IPIP地址地址目录：目录：用用“/”“/”而不是而不是“”“”文件名：文件名：8.38.3
6、格式格式用户名和密码：某些协议如用户名和密码：某些协议如FTPFTP、TelnetTelnet需要需要验证。验证。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.相对路径相对路径相对路径：相对路径：( (目录）文件名目录）文件名目录：目录： 链接到同一目录，只需输入链接文件名链接到同一目录，只需输入链接文件名链接到下一级目录，先输入目录名，再输入文件名链接到下一级目录，先输入目录名，再输入文件名 : :目录名目录名/
7、 /文件名文件名链接到上一级目录，先输入链接到上一级目录，先输入“./”“./”基底网址基底网址Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.相对路径和绝对路径的基本概念：相对路径和绝对路径的基本概念：相对路径：是以引用文件的网页所在位置为参考基础，相对路径：是以引用文件的网页所在位置为参考基础， 而建立的目录路径。因此，当不同的网页引用同一个而建立的目录路径。因此，当不同的网页引用同一个 文件时，其所使用的路径都
8、不相同，故称之为相对。文件时，其所使用的路径都不相同，故称之为相对。相对路径最适合于网站的相对路径最适合于网站的相对路径最适合于网站的相对路径最适合于网站的内部链接。内部链接。内部链接。内部链接。绝对路径：是以绝对路径：是以Web站点的根目录为参考基础的目录路站点的根目录为参考基础的目录路 径。之径。之 所以称为绝对，意思是指当所有网页引用同一所以称为绝对，意思是指当所有网页引用同一 个文个文 件时，所使用的路径都是一样的。件时，所使用的路径都是一样的。当链接到其他网站中的文件当链接到其他网站中的文件当链接到其他网站中的文件当链接到其他网站中的文件时，必须使用绝对路径。时，必须使用绝对路径。时
9、，必须使用绝对路径。时，必须使用绝对路径。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.基底网址标记标记可以设定标记可以设定URL地址，一般用来设定浏地址，一般用来设定浏览器中文件的绝对路径，因而览器中文件的绝对路径，因而HTML文件中标识的文件中标识的其他文件就只需要写下相对路径。其他文件就只需要写下相对路径。一篇文档中一篇文档中标记不能多于一个，必须放于标记不能多于一个，必须放于头部头部(head中中)，在任何
10、保护，在任何保护URL地址的语句之前。地址的语句之前。基本语法：基本语法： Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.根路径根路径根路径：一种特别的相对路径根路径：一种特别的相对路径例：例：/info/fi1.exe/info/fi1.exe下列情况可使用：下列情况可使用： 当站点放于几个服务器上时当站点放于几个服务器上时当一个服务器上放置几个站点时当一个服务器上放置几个站点时不建议使用不建议使用Evaluat
11、ion only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.二、链接标记链接标记属性属性描述描述Href指定链接地址指定链接地址Name给链接命名给链接命名Title给链接提示文字给链接提示文字Target指定链接的目标窗口指定链接的目标窗口的属性的属性Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-20
12、11 Aspose Pty Ltd.超链接标记的基本语法：超链接标记的基本语法：超链接名称超链接名称超链接名称超链接名称 此字符串将显示于网页中，代表此超链接，并此字符串将显示于网页中，代表此超链接，并 供用户点选超链接用，也可用图文件来代替供用户点选超链接用，也可用图文件来代替 字符串代表超链接。字符串代表超链接。链接位置链接位置指定指定href 属性，用来放置超链接的目标，可属性，用来放置超链接的目标，可 使用使用URL 指定。指定。URL的格式是由通讯协议、的格式是由通讯协议、 链接地址与文件位置所链接地址与文件位置所 组成，如：通讯协议：组成，如：通讯协议： / 链接地址链接地址 /
13、文件位置文件位置 / 文件名称文件名称Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.三、内部链接内部链接：同一网站内部不同内部链接：同一网站内部不同HTML页面之间的链接关系。页面之间的链接关系。制作内部链接制作内部链接HTMLch7ex0366.htmex0366-1.htmex0366-2.htmTEXTEvaluation only.Created with Aspose.Slides for .NET 3.
14、5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0366.htm -!- - 建立内部链接建立内部链接 主流的网页设计软件主流的网页设计软件 MACROMEDIA MACROMEDIA公司的网页设计三剑客公司的网页设计三剑客DREAMWEAVERDREAMWEAVER、FLASHFLASH、 FIREWORKSFIREWORKS。 网页制作软件网页制作软件DREAMWEAVER MX 2004DREAMWEAVER MX 2004 网页动画软件网页动画软件FLASH MX 2004FLASH MX 2004 Ev
15、aluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0366-1.htm -!- - Dreamweaver MX 2004 Dreamweaver MX 2004 主流的网页设计软件主流的网页设计软件 DREAMWEAVER MX 2004 DREAMWEAVER MX 2004作为网页设计软件的代表，作为网页设计软件的代表， 具有站点管理和页面制作两大核心功能。具有站点管理和页面制作两大核心功能。 返回返回 E
16、valuation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0366-2.htm -!- - 内部链接文件之二内部链接文件之二 网页动画软件网页动画软件FLASH MX 2004 FLASH MX 2004 FLASH MX 2004 FLASH MX 2004作为网页矢量交互动画软件的代表，作为网页矢量交互动画软件的代表，提供了图形绘制、动画制作和交互三大功能。提供了图形绘制、动画制作和交互三大功能。 返回返回 Eva
17、luation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.四、书签链接建立书签建立书签链接到同一页面中的书签链接到同一页面中的书签链接到其他页面中的书签链接到其他页面中的书签Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.书签链接：书签链接：建立书签链接的
18、步骤：建立书签链接的步骤： 书签链接，是指浏览者单击浏览目录上的书签链接，是指浏览者单击浏览目录上的项目就能自动跳到网页相应的位置进行阅读项目就能自动跳到网页相应的位置进行阅读 。如：返回首页等。如：返回首页等。建立书签；建立书签；为书签制作链接。为书签制作链接。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd. 链接指针可以使读者在整个因特网网上方便的链接指针可以使读者在整个因特网网上方便的跳跃浏览，当一个跳跃浏览
19、，当一个HTMLHTML较长时，还可以在文件中建立较长时，还可以在文件中建立一些链接，实现同一文件中内容的跳跃浏览。对于一一些链接，实现同一文件中内容的跳跃浏览。对于一个完整的文件，可以用个完整的文件，可以用URLURL来唯一地标识被指向的目来唯一地标识被指向的目标，但对于同一文件的不同部分，被指向的目标是通标，但对于同一文件的不同部分，被指向的目标是通过过标记的标记的NAMENAME属性来定义。属性来定义。 建立书签的格式：建立书签的格式：texttext NAME NAME属性用来给被链接的部分起名字并加标记，属性用来给被链接的部分起名字并加标记，texttext是可选项。是可选项。 为书
20、签制作链接为书签制作链接:text :text 其中的其中的URLURL是放置标记的是放置标记的HTMLHTML文件的文件的URLURL，namename是是标记名，对于同一个文件，可以写为标记名，对于同一个文件，可以写为a text href=“#name”text 。这时就可以点取。这时就可以点取texttext跳跳转到标记名为转到标记名为namename的位置。的位置。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty L
21、td.!- ex0367.htm -!- - 建立书签链接建立书签链接 主流的网页设计软件主流的网页设计软件 Dreamweaver MX 2004Dreamweaver MX 2004 DREAMWEAVER MX 2004 DREAMWEAVER MX 2004作为网页设计软件的代表作为网页设计软件的代表. Flash MX 2004 Flash MX 2004 FLASH MX 2004FLASH MX 2004作为网页矢量交互动画软件的代表。作为网页矢量交互动画软件的代表。 Fireworks MX 2004 Fireworks MX 2004 Fireworks MX 2004Fir
22、eworks MX 2004作为网页图像设计软件的代表。作为网页图像设计软件的代表。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0368.htm -!- - 链接到同一页面的书签链接到同一页面的书签 主流的网页设计软件主流的网页设计软件 Dreamweaver MX 2004Dreamweaver MX 2004 Flash MX 2004 Flash MX 2004 Fireworks MX 200
23、4 Fireworks MX 2004 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0369.htm -!- - 链接到不同页面的书签链接到不同页面的书签 主流的网页设计软件主流的网页设计软件 Dreamweaver MX 2004Dreamweaver MX 2004 Flash MX 2004 Flash MX 2004 Fireworks MX 2004 Fireworks MX 2004 Eva
24、luation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.五、外部链接链接到外部网站链接到外部网站链接链接FTP链接链接Telnet链接到新闻组链接到新闻组发送发送Email下载文件下载文件Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0370
25、.htm -!- - 链接到外部网站链接到外部网站 新浪网站新浪网站 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0371.htm -!- - 链接链接FTPFTP主机主机 北京大学北京大学FTPFTP站点站点 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-201
26、1 Aspose Pty Ltd.!- ex0372.htm -!- Telnet - 链接链接TelnetTelnet 北京大学未名北京大学未名站站 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0373.htm -!- - 链接链接NewsNews新闻组新闻组 NewsNews新闻组新闻组 Evaluation only.Created with Aspose.Slides for .NET 3.5
27、Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.发送Email基本语法：基本语法： 链接文字链接文字 链链接文字接文字 链接文字链接文字 链接文字链接文字Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0374.htm -!- - 发送电子邮件发送电子邮件 李老师李老师 a href=“mailto: ?subject= ”黄老师黄老师 效
28、果效果Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0375.htm -!- - 下载文件下载文件 下载软件下载软件 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.设定链接的目标窗口设定链接的目标窗口单击超链接后，默认的浏览器
29、窗口是原有窗口，单击超链接后，默认的浏览器窗口是原有窗口，实际上，我们在操作时，还可以指定所使用的超实际上，我们在操作时，还可以指定所使用的超链接所打开的目标窗口，如开新窗口等。链接所打开的目标窗口，如开新窗口等。基本语法：基本语法： 属性值属性值描述描述_parent在上一级窗口中打开，常用于分帧的框架在上一级窗口中打开，常用于分帧的框架_blank在新窗口中打开在新窗口中打开_self在同一窗口或帧中打开（默认值）在同一窗口或帧中打开（默认值）_top在浏览器的整个窗口中打开，忽略任何框架在浏览器的整个窗口中打开，忽略任何框架Evaluation only.Created with Asp
30、ose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.!- ex0377.htm -!- - 链接的提示文字链接的提示文字 主流的网页设计软件主流的网页设计软件 MACROMEDIA MACROMEDIA公司的网页设计三剑客公司的网页设计三剑客DREAMWEAV
31、ERDREAMWEAVER、FLASHFLASH、 FIREWORKS FIREWORKS。 a href=“ex0366-1.htm” title=网页制作软件网页制作软件DREAMWEAVER MX 2004DREAMWEAVER MX 2004 a href=“test/ex0366-2.htm“ title=网页动画软件网页动画软件FLASH MX 2004FLASH MX 2004 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Asp
32、ose Pty Ltd.!- ex0377.htm -!- - 链接的提示文字链接的提示文字 主流的网页设计软件主流的网页设计软件 MACROMEDIA MACROMEDIA公司的网页设计三剑客公司的网页设计三剑客DREAMWEAVERDREAMWEAVER、FLASHFLASH、 FIREWORKSFIREWORKS。 a href=“ex0366-1.htm” title=网页网页制作软件制作软件DREAMWEAVER MX 2004DREAMWEAVER MX 2004 a href=“test/ex0366-2.htm“ title=网页动画软件网页动画软件FLASH MX 2004F
33、LASH MX 2004 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.六、图片的超链接图片的链接标记与文字是相同的。图片的链接标记与文字是相同的。一张图片可以对应多个链接。一张图片可以对应多个链接。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty
34、 Ltd.!- EX0385.htm -!- - 建立图像链接建立图像链接 主流的网页设计软件主流的网页设计软件 目前，网页技术进入了一个新的阶段，目前，网页技术进入了一个新的阶段， img DREAMWEAVER MX 2004src=“./images/t102.jpg”DREAMWEAVER MX 2004 img FLASH MX 2004src=“./images/t103.jpg”FLASH MX 2004 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright
35、 2004-2011 Aspose Pty Ltd.!- EX0385-1.htm -!- - 内部链接文件之一内部链接文件之一 Dreamweaver MX 2004 Dreamweaver MX 2004 WEAVER MX 2004 WEAVER MX 2004作为网页设计软件的代表，具有站点管理和页面制作为网页设计软件的代表，具有站点管理和页面制作两大核心功能。作两大核心功能。 返回返回 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 A
36、spose Pty Ltd.!- EX0385-2.htm -!- - 内部链接文件之二内部链接文件之二 Dreamweaver MX 2004 Dreamweaver MX 2004 FLASH MX 2004 FLASH MX 2004作为网页矢量交互动画软件的代表，提供了图形绘制、作为网页矢量交互动画软件的代表，提供了图形绘制、动画制作和交互三大功能。动画制作和交互三大功能。 img src=“././images/t105.jpg BORDER=0返回返回 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Pr
37、ofile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.链接标记符链接标记符链接地图链接地图 图图像像链链接接中中每每幅幅图图只只能能指指向向一一个个地地点点，而而图图像像地地图图可可以以把图像分成多个区域，每个区域指向不同的目标文档。把图像分成多个区域，每个区域指向不同的目标文档。 链接地图链接地图 下面定义的是一个链接地图下面定义的是一个链接地图 返回目录Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011
38、 Aspose Pty Ltd.链接标记符链接地图 首首先先要要为为链链接接源源点点的的图图像像添添加加ismap属属性性，将将图图像像定定义义为为地地图图。usemap属属性性的的参参数数值值为为“#地地图图名名”，说说明明该该图图像像是是遵遵循循哪哪个个地地图图定定义义的的。 HTML是是通通过过和和标标签签来来定定义义地地图图的的。标标签签有有一一个个不不可可缺缺省省的的属属性性name，参参数数值值是是地地图图名名字字。地地图图的的区区域域划划分分是是通通过过标标签签来来实实现现的的。标标签签有有三三个个属属性性，就就是是上上例例中中用用到到的的shape、coords、href，分分
39、别别表表示示该该区区域域的的形形状状、范范围围和和所所链链接接到到的的目目标标文文档档。上上例例中中用用到到的的rect用用于于指指定定一一个个矩矩形形区区域域，该该区区域域的的位位置置由由左左上上角角坐坐标标和和右右下下角角坐坐标标。poly 指指定定一一个个多多边边形形区区域域， 该该区区域域的的位位置置由由各各顶顶点点坐坐标标说说明明。circle 指指定定一一个个圆圆形形区区域域，该该区区域域的的位位置置由由垂垂直直通通过过圆圆心心的的直直径径与与 该该 圆圆 的的 交交 点点 坐坐 标标 说说 明明 。 上上 例例 中中 语语句句定定义义了了一一个个矩矩形形区区域域，矩矩形形的的左左上上角角坐坐标标为为（100，80），右右下下角角的的坐坐标标为为（130，120）。在在该该区区域域的的任任何何位位置置点点击击都都可可以以链链接接到到目目标标文文档档“WATER.HTML”。返回目录Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.
