使用超级链接.pdfVIP

第5 章 使用超级链接 本章介绍使用超级链接实现页面与页面之间跳转的方法。通过本章的学习，应该完成 以下学习目标： 了解超级链接的类型和链接路径 学会创建文本和图像链接 学会创建命名锚记链接 学会创建电子邮件链接 学会创建下载链接和脚本链接 5.1 初识超级链接 超级链接在本质上属于网页的一部分，通过它实现了站点内页面之间以及不同站点页 面间的跳转。正是有了超级链接，实现了 Internet 上各种信息的互联，大家才得以浏览不 同站点的内容和信息。 5.1.1 超级链接的类型 超级链接由源端点和目标端点组成。页面中有链接的一端(如文本、图片等)称为源端 点，要跳转到的页面则称为目标端点。这个目标端点可以是一个网页，也可以是同一页面 上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。 根据创建链接对象的不同，可以将超级链接分为文本链接、图像链接、表单链接等。 ● 文本链接：就是在文本对象上创建的超级链接，如图5-1 所示。文本链接是最常用 的超级链接，文本链接通常在文本下方会带有下划线。 ● 图像链接：就是在图像、Flash 对象上创建的超级链接，如图 5-1 所示。图像链接 美观、实用，是一种比较常用的链接方式。 ● 表单链接：这是一种比较特殊的超级链接，当用户填写完表单，单击页面上的【提 交】按钮或其他按钮提交内容时，会自动跳转到目标页面，如图5-2 所示。 图像链接 文本链接 图5-1 文本链接和图像链接 图5-2 表单链接 Dreamweaver CS4 网页制作与网站组建简明教程 根据目标端点的位置及方式的不同，可以将超级链接分为外部链接、内部链接、局部 链接和电子邮件链接4 种。 ● 外部链接：跳转到的页面是站点外的页面。外部链接可实现网站与网站之间页面的 跳转，从而将访客的浏览范围扩大到整个网络。例如网站首页常用的友情链接就是 外部链接，如图5-3 所示。 ● 内部链接：内部链接的目标端点为站点内的其他页面，如站点导航就是内部链接， 如图5-4 所示。 图5-3 外部链接 图5-4 内部链接 ● 局部链接：指跳转到页面本身或其他页面某一指定位置的链接。局部链接通过文档 中的命名锚点来实现，例如单击图5-5 左图中的【返回顶部】链接，可跳转到页面 的顶部，如图5-5 右图所示。 图5-5 局部链接 ● 电子邮件链接：当需要进行电子邮件操作时可创建电子邮件链接。访客单击电子邮 件链接后，系统会自动启动电子邮件程序，在其中编写好邮件可将邮件发送到所链 接的邮箱中，如图5-6 所示。 电子邮件链接 图5-6 电子邮件链接 78 • 第5 章 使用超级链接 • 5.1.2 超级链接路径 在创建超级链接时，路径的设置是十分重要的。如果设置不正确，则可能导致无法跳 转或跳转到不正确的页面上。超级链接的路径主要有绝对路径、文档相对路径、站点根目 录相对路径3 种。 ● 绝对路径链接：主要用于创建具有固定网址的外部链接，如友情链接等。创建绝对 路径链接时，需要给出目标端点完整的URL 地址，如 。 ● 文档相对路径链接：主要用于创建站点的内部链接，它使用目标端点页面相对于当 前页面所在的位置来创建链接路径。 ● 站点根目录相对路径链接：和文档相对路径链接相似，但使用的参照是站点的根目录。