第6章节超级链接.pdf

·67 · 第6章 超级链接 互联网因有超级链接才如此丰富，使网络不限于特定的地理位置，全球的站点只要鼠 标一点，就可以到达全球任意一个站点。超级链接简称超链接，人们常说成链接，在以后 的学习中以链接形式给出。超链接可以在文字中指定链接，同时也可以在图片中设置超链 接，而链接的地址可以是网页（静态页面 html 或动态页面jsp 、php 、aspx 等），还可以是 图片（jpg 、gif 等）或其他文件，网上的下载功能就用到了超链接，连接到将要下载的文件 上。本章主要介绍了以下内容： 文字链接 图片链接 锚点的使用 邮箱地址链接 相对路径与绝对路径 6.1 文字链接 在前面学过的文字中，都是以文本形式出现的，可能很多读者想知道为什么看新闻的 时候，单击新闻上的标题就跳到另一网页中。这里因为文字上加上了超链接，所以链接到 了其他页面中。现在开始学习文字链接。 6.1.1 最简单的文字超链 文字链接就是为文本做上超级链接，以达到跳转网页效果。文字链接语法如下： !—下一行表示设置文本链接-- a href=文字链接/a 其中引号里面输入要链接到的网页地址，文字链接被a/a标签对包围着，代表是超 链接。里面的 href 属性说明文字链接的地址。属性里面可以是 url 地址、图片地址或影视文 件等。 代码 6.1 演示了文字链接的用法。 代码 6.1 源代码\第 6 章\文字链接.htm html head title文字链接/title /head ·68 · body !—下一行表示“给 163 网站”设置链接并指向 163 首页-- a href=http://www. 163.com163 网站/a /body /html 从代码6.1 中可以看出，在 163 网站的文本中做超链接，链接地址是 ， 链接后的文本颜色默认是蓝色，同时在链接的文本下面有一条下划线，当鼠标指针移动到 文本上面时，形状就变成手型，如图 6.1 所示。 图6.1 文字链接 说明：超链接的文字默认是蓝色，鼠标指针放上去变成手型。 6.1.2 超链网页的打开方式 知道了a/a是链接代码且 href 是表示路径地址后，再来看一个重要属性。target 属 性，也是放在起始标签里面，表示所链接的网页在浏览器中的打开方式，后面接一个参数， 其值可以是其中的一种：_blank 、_parent 、_self 、_top ，这些参数代表的含义如下所示。 _blank ：在新浏览器窗口中打开网页。比较常用。 _parent ：将要链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链 接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就像_self 参数一样。 _self ：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。 _top ：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。 代码 6.2 是分别用上面四个知识点做四个链接。 代码 6.2 源代码\第 6 章\ target 用法.htm html head title文字链接/title /head body !—下一行表示设置链接参数_blank 值-- a href=http://www. 163.com target=_blank163 网站--新浏览器打开/abr !—下一行表示设置链接_parent 值--