web编程技术(4-6)技术分析.ppt

第4章 超级链接 本章内容： 超级链接 电子邮件链接 锚记链接 图像链接 单图多链接 下载文件链接 脚本链接 无地址链接 网页文件的最大魅力是超越各个文件的空间，通过超链接相互连接构成一个纷繁复杂的互联网世界。 超链接（hyperlink）是一个网站的精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后，才能真正构成一个网站。 超文本具有的链接能力，层层链接相关文件，这种具有超级链能力的特性，即称为超链接。 超链接除了可链接文本外，也可链接各种媒体，如声音、图像和动画等，通过它们可以将网站建设成一个丰富多彩的多媒体世界。 4.1 超级链接的原理 超级链接一定是从一点跳跃到另一点。链接的起点称为源点(Source)，链接的终点称为目标点(Target)，从源点指向目标点的路径地址称为统一资源定位器（URL）。 超级链接的目标点可以是一个网页，可以是同一个网页中的不同位置，也可以是一个电子邮箱等。 从链接源点指向链接目标点的路径地址URL是实现链接的关键。URL不仅可以在单机上定位文件，而且可以在Internet上全球定位万维网上的主机、网站和网页文件，故称统一资源定位器。 4.2 超级链接标记 超链接标记A是行内标记，以a开始，以/a结束，可以指向网络上的任何资源：一张HTML页面，一幅图像，一个声音或视频文件等。其主要功能是实现超级链接。 格式：a href=“url” title=“提示文字 target=窗口名称超链接名称/a 属性： href：定义了这个链接所指的目标地址，也就是路径。 Title：给链接添加提示信息。 Name：给链接命名。 target:指定链接的目标窗口，有 4 个保留的目标名称用作特殊的文档重定向操作。 _blank:在新窗口中打开被链接文档。 _self:默认。在相同的框架中打开被链接文档。 _parent:在父框架集中打开被链接文档。 _top:在整个窗口中打开被链接文档。 4.2 超级链接种类 4.3.1 普通链接 普通链接就是按照超链接的基本格式发生的链接。 例:超级链接中的提示信息。 html head title超链接的提示信息/title /head bodya href= title=作者：马汉达 计算机学院实验中心/abrbr a href=“:8080” title=“作者：马汉达” 计算机维护技术学习平台(新版) /abrbr a href=:8000 title=作者：马汉达 计算机维护技术学习平台 /abrbr a href=:8080/equipment/ title=作者：马汉达 大型仪器共享平台/abrbr a href=“1” title=“作者 ：马汉达 江苏大学摄影协会/a /body /html 4.3 超链接的种类 例:超级链接标记A的href属性 HTML代码如下： html head title超链接/title /head body a href=网易/a a href=搜狐/a a href=新浪/a /body /html 4.3 超链接的种类 4.3.2锚记链接 在浏览页面时，如果页面篇幅很长，要不断的拖动滚动条，给浏览带来不便，要是浏览者既可以从头阅读到尾，又可以很快寻找到自己感兴趣的特定内容进行部分阅读，这个时候就可以通过书签链接来实现。当浏览者单击页面上的某一“标签”，称为“锚记”，就能自动跳到网页相应的位置进行阅读，给浏览者带来方便。 使用两条语句实现锚记链接：设置锚记和链接。 格式： a name=锚记名/a 而超级链接的源点仍然使用的a标记，不过href的参数URL改成锚记名。 格式： a href=”#锚记名” 4.3 超链接的种类 4.3.3电子邮件链接 在HTML页面中建立E-mail链接，用户单击链接，系统会自动启动默认的电子邮件软件，打开一个邮件窗口。 格式： a href=mailto:邮箱地址邮箱地址文本/a 例：电子邮件地址为：ma_hd@126.com，在网页上有“与我联系”文字链接源点。建立电子邮件链接。 代码如下： html body a href=mailto:ma_hd@126.com和我联系/a /body /html 4.3 超链接的种类 4.3.4 FTP链接 FTP是一种文件传输协议，它是计算机与计算机之间能够相互通信的语言，通过FTP可以获得Internet上丰富的资源。 基本语法： a href=“ftp:/…/”链接文字/a 例： html head title