《HTML语言—建立超级链接ppt课件.ppt》由会员分享，可在线阅读，更多相关《HTML语言—建立超级链接ppt课件.ppt（40页珍藏版）》请在三一办公上搜索。
1、HTML-超链接,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,HTML-超链接,基本概念链接标记内部链接书签链接外部链接,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,一、基本概念,URL 绝对路径相对路径根路径,Evaluati
2、on only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,URL,URL(Uniform Resource Locator):统一资源定位符。基本结构： protocol:/site address/directory/filename例：/ democompany/products ftp:/ftp.democompany/info/fi1.exeftp:/tljftp.democompany/info/fi1.exetelnet:/tl
3、j:123host.democompany:94,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,相对路径和绝对路径的使用方法：,如果引用文件存在与当前目录的子目录下，或存在于上一层目录的另一个子目录中时，运用相对路径是比较方便的。,如果不是这种情况，则干脆利用绝对路径，比较省事。从表中也可以看出，当被引用的是同一个文件时，不论从哪个文件引用，所使用的绝对路径都是一样的。,Evaluation only.Creat
4、ed with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,绝对路径,绝对路径：协议网址目录文件名协议：HTTP、FTP、FILE、Telnet等网址：域名地址、IP地址目录：用“/”而不是“”文件名：8.3格式用户名和密码：某些协议如FTP、Telnet需要验证。,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Asp
5、ose Pty Ltd.,相对路径,相对路径：(目录）文件名目录： 链接到同一目录，只需输入链接文件名链接到下一级目录，先输入目录名，再输入文件名 :目录名/文件名链接到上一级目录，先输入“./”基底网址,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,相对路径和绝对路径的基本概念：,相对路径：是以引用文件的网页所在位置为参考基础， 而建立的目录路径。因此，当不同的网页引用同一个 文件时，其所使用的路径都不相同，故
6、称之为相对。,相对路径最适合于网站的内部链接。,绝对路径：是以Web站点的根目录为参考基础的目录路 径。之 所以称为绝对，意思是指当所有网页引用同一 个文 件时，所使用的路径都是一样的。,当链接到其他网站中的文件时，必须使用绝对路径。,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,基底网址标记,标记可以设定URL地址，一般用来设定浏览器中文件的绝对路径，因而HTML文件中标识的其他文件就只需要写下相对路径。一篇文
7、档中标记不能多于一个，必须放于头部(head中)，在任何保护URL地址的语句之前。基本语法： ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,根路径,根路径：一种特别的相对路径例：/info/fi1.exe下列情况可使用： 当站点放于几个服务器上时当一个服务器上放置几个站点时不建议使用,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client P
8、rofile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,二、链接标记,的属性,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,超链接标记的基本语法：,超链接名称,超链接名称 此字符串将显示于网页中，代表此超链接，并 供用户点选超链接用，也可用图文件来代替 字符串代表超链接。,链接位置指定href 属性，用来放置超链接的目标，可 使用URL 指定。URL的格式是由通讯协议
9、、 链接地址与文件位置所 组成，如：通讯协议： / 链接地址 / 文件位置 / 文件名称,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,三、内部链接,内部链接：同一网站内部不同HTML页面之间的链接关系。制作内部链接,HTML,ch7,ex0366.htm,ex0366-1.htm,ex0366-2.htm,TEXT,Evaluation only.Created with Aspose.Slides for .
10、NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 建立内部链接 主流的网页设计软件 MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。 网页制作软件DREAMWEAVER MX 2019 网页动画软件FLASH MX 2019 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., Dr
11、eamweaver MX 2019 主流的网页设计软件 DREAMWEAVER MX 2019作为网页设计软件的代表， 具有站点管理和页面制作两大核心功能。 返回 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 内部链接文件之二 网页动画软件FLASH MX 2019 FLASH MX 2019作为网页矢量交互动画软件的代表，提供了图形绘制、动画制作和交互三大功能。 返回 ,Evaluation only.Cr
12、eated with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,四、书签链接,建立书签链接到同一页面中的书签链接到其他页面中的书签,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,书签链接：,建立书签链接的步骤：,书签链接，是指浏览者单击浏览目录上的项目就能自动跳到网页相应的位置进行阅读
13、 。如：返回首页等。,建立书签；为书签制作链接。,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,链接指针可以使读者在整个因特网网上方便的跳跃浏览，当一个HTML较长时，还可以在文件中建立一些链接，实现同一文件中内容的跳跃浏览。对于一个完整的文件，可以用URL来唯一地标识被指向的目标，但对于同一文件的不同部分，被指向的目标是通过标记的NAME属性来定义。 建立书签的格式：text NAME属性用来给被链接的部分起名
14、字并加标记，text是可选项。 为书签制作链接:text 其中的URL是放置标记的HTML文件的URL，name是标记名，对于同一个文件，可以写为text 。这时就可以点取text跳转到标记名为name的位置。,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 建立书签链接 主流的网页设计软件 Dreamweaver MX 2019 DREAMWEAVER MX 2019作为网页设计软件的代表. Flash MX
15、2019 FLASH MX 2019作为网页矢量交互动画软件的代表。 Fireworks MX 2019 Fireworks MX 2019作为网页图像设计软件的代表。 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接到同一页面的书签 主流的网页设计软件 Dreamweaver MX 2019 Flash MX 2019 Fireworks MX 2019 ,Evaluation only.Created
16、with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接到不同页面的书签 主流的网页设计软件 Dreamweaver MX 2019 Flash MX 2019 Fireworks MX 2019 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,五、外部链接,链接到外部网站链接FTP
17、链接Telnet链接到新闻组发送Email下载文件,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接到外部网站 新浪网站 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接FTP主机 北京大学FTP站点 ,Evaluatio
18、n only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接Telnet 北京大学未名站 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接News新闻组 News新闻组 ,Evaluation only.Created with Aspose.Slid
19、es for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,发送Email,基本语法： 链接文字 链接文字 链接文字 链接文字,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 发送电子邮件 李老师 黄老师 效果,Evaluation only.Created with Aspose.Slides for .NET 3.5 C
20、lient Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 下载文件 下载软件 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,设定链接的目标窗口,单击超链接后，默认的浏览器窗口是原有窗口，实际上，我们在操作时，还可以指定所使用的超链接所打开的目标窗口，如开新窗口等。基本语法： ,Evaluation only.Created with Aspose.Sl
21、ides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接的提示文字 主流的网页设计软件 MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。 网页制作软件DREAMWEAVER MX 2019 网页动画软件FLASH M
22、X 2019 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 链接的提示文字 主流的网页设计软件 MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。 网页制作软件DREAMWEAVER MX 2019 网页动画软件FLASH MX 2019 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Clien
23、t Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,六、图片的超链接,图片的链接标记与文字是相同的。一张图片可以对应多个链接。,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 建立图像链接 主流的网页设计软件 目前，网页技术进入了一个新的阶段， DREAMWEAVER MX 2019 FLASH MX 2019 ,Evaluation only.Create
24、d with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 内部链接文件之一 Dreamweaver MX 2019 WEAVER MX 2019作为网页设计软件的代表，具有站点管理和页面制作两大核心功能。 返回 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd., 内部链接文件之二 Dre
25、amweaver MX 2019 FLASH MX 2019作为网页矢量交互动画软件的代表，提供了图形绘制、动画制作和交互三大功能。 返回 ,Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,链接标记符链接地图,图像链接中每幅图只能指向一个地点，而图像地图可以把图像分成多个区域，每个区域指向不同的目标文档。 链接地图 下面定义的是一个链接地图 ,返回目录,Evaluation only.Created with As
26、pose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2019-2019 Aspose Pty Ltd.,链接标记符链接地图,首先要为链接源点的图像添加ismap属性，将图像定义为地图。usemap属性的参数值为“#地图名”，说明该图像是遵循哪个地图定义的。 HTML是通过和标签来定义地图的。标签有一个不可缺省的属性name，参数值是地图名字。地图的区域划分是通过标签来实现的。标签有三个属性，就是上例中用到的shape、coords、href，分别表示该区域的形状、范围和所链接到的目标文档。上例中用到的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 2019-2019 Aspose Pty Ltd.,
