创建文字超链接
超链接是WWW技术的核心,是网页中最重要、最根本的元素之一,超链接能够使多个孤立的网页之间产生一定的相互联系,从而使单独的网页形成一个有机的整体,真正实现网络互连。
1、什么是超链接
所谓超链接是指从一个网页指向一个目标的连接关系,这个目标可以是一个网页、也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。 在网页中用来超链接的对象,可以是一段文本或一个图片,当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,可根据目标的类型来打开或运行。
按链接路径的不同,网页中的超链接一般分为3种类型:内部链接、锚点链接和外部链接。
按使用对象的不同,网页中的链接又可分为文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接和空链接等。
2、合理安排超链接
合理安排超链接在网页制作中是非常重要的,采用什么结构的链接,会直接影响到网页的布局。以下是一些设计链接的建议。
- 避免孤立文件的存在,以便在将来的修改和维护中有清晰的思路。
- 在网页中避免使用过多的超链接,否则会使网页观赏性不强,文件过大。
- 网页中的链接不要超过4层,链接层数过多容易使人产生厌烦。
- 页面较长时可以使用书签,让浏览都能方便地找到想要的信息。
- 设置主页或上一层的链接,有些浏览者可能不是从网站的主页进入网站的,有了链接才便于浏览全部网页。
建立文本超链接
在创建超链接之前,首先了解网站中3种类型的文档路径,绝对路径、根目录相对路径以及文档相对路径。
- 绝对路径:是包含服务器协议(对于网页来说,通常是http://或ftp://)的完全路径。绝对路径包含精确地址而不用考虑源文件的位置。但是如果目标文件被移动,刚链接无效。创建外部链接时,必须使用绝对路径。
以下是绝对路径的链接:
百度 http://www.baidu.com
标准背景时间 http://bjtime.cn/
太平洋软件学习网 http://pcedu.pconline.com.cn/teach/
- 根目录相对路径:是从当前站点的根目录开始的相对路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠可以告诉服务器从根目录开始。必须上传到服务器后才可用。
以下是根目录相对路径链接:
网页的进入和退出特效代码说明 /webjx/files/page.html
- 文档相对路径:是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径,可以用来链接和当前文档处于同一个文件夹的下的文档。
以下是相对路径:
创建文档相对路径超链接 601-3.html
链接目标
- blank:将目标文件载入到新的未命名的浏览器窗口中。
- parent:将目标文件载入到父框架集或包含该链接的框架窗口中。
- self:将目标文件载入与该链接相同的框架或窗口中。
- top:将目标文件载入到整个浏览器窗口并删除所有框架。
链接目标示例
建立图片超链接
图片超链接与文本超链接的建立相类似,区别在于文本超链接选中链接对象的是文本,而图片超链接选中的链接对象是图片,另外,图片还可以设置热区链接。
返回主页