第6章 超级链接.pptVIP

第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 body !—下一行表示“给163网站”设置链接并指向163首页-- a href=163网站/a /body /html 6.1.2 超链网页的打开方式 知道了a/a是链接代码且href是表示路径地址后，再来看一个重要属性。target属性，也是放在起始标签里面，表示所链接的网页在浏览器中的打开方式，后面接一个参数，其值可以是其中的一种：_blank、_parent、_self、_top，这些参数代表的含义如下所示。 _blank：在新浏览器窗口中打开网页。比较常用。 _parent：将要链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就像_self参数一样。 _self：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。 _top：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。 代码6.2是分别用上面四个知识点做四个链接。 6.1.3 链接的注释 除了前面介绍的链接属性，还有一种链接属性：注释。当鼠标指针放在文本链接上时，稍后会出现一行文字注释。关键字为title，语法形式如下： !—下一行表示对链接设置注解-- a href= title=网易网站 163网站/a 等于后面引号放的是链接的注释，当鼠标指针在文字上面它就会出现在鼠标指针后面。代码6.3演示的是title的用法。 6.2 图片链接 文本链接是相对文本内容，同理，图像链接是相对图片而言的。对图片设置链接在前面提过，也有相关实例，在本小节中，将系统的讲解图片链接内容。通过链接，单击图片后，链接也可以指向全球任意位置的站点，目标可以是网页，也可以是文件。如是文件，不能被浏览器解析成网页和图片等时，可能会作下载用；在网页中，为了表示下载链接的效果，通常用图片来展现下载的图像效果，然后链接文件。当单击时，文件就被下载，将会出现下载选项。 图片链接顾名思义就是对图片做超级链接。通过上一节的学习，知道了文字链接是在a/a标签对里插入文字，同理，图片链接就是在a/a链接标签对里面放入图片地址。单击图片同样有超链接的效果。语法形式如下： !—下一行代码表示设置图片链接-- a href=img src=/a 6.3 锚点链接 锚点常常在很长的文章中用到，以便链接到页面中的具体位置。锚点由name属性来创建一个命名的锚，使用命名锚后，单击带有命名锚的地址直接跳转到一个页面中的锚点位置。这样打开网页直接指到某一段落，从而不用从上到下慢慢找。 命名锚的语法如下： !—下一行代码表示在链接时用name对文本设置锚点-- a name=锚点名文章中的文字/a 定义好命名锚后，链接中要指定这个命名锚，在其名前加上”#”。 使用name属性，要设置一对：一是设定name的名称；二是设定一个href指向这个name。代码6.5演示了锚的用法。 6.4 邮箱地址链接 邮箱地址在网页上也常用到，网站工作人员为了与用户交流互动，会在网页做好邮箱地址链接，只要单击链接会自动弹出Outlook Express的邮箱发送形式。这种方式在国内很少用，往往会复制邮箱地址直接进邮箱里面发送。不管怎样，学好邮箱链接对网页放置邮箱地址是很有用的。 邮箱链接表示给被链接的邮箱发邮件时，即单击该邮箱地址时，将出现与