网页设计 第6章

第6章超级链接 主要内容 锚点的命名在同一网页中建立链接创建电子邮件链接其它链接技巧HTML的核心就是能够轻而易举地实现互联网上的信息访问 资源共享 HTML可以链接到其他的网页 图像 多媒体 电子邮件地址 可下载的文件等 可以说只要浏览器能够显示的内容 都可以从一个HTML文件中得到 6 1锚点的命名 HTML使用标签来建立一个链接 通常标签又称为锚 一个锚可以指向任意一个Web上的资源 一个HTML页面 一张图片 一段声音文件 一部电影等 创建锚点的基本语法格式 ahref url 这是要链接的站点在和标签之间的文本文字 用户可以单击该文字来实现网页的浏览访问 通常和标签之间的文本文字用颜色和下划线加以强调 同一页面内的书签链接 当网页的页面较长 且该页面是由几个部分组成时 不得不拖动浏览器的滑动条查看信息 这样既麻烦又费时 HTML恰好提供了跳转功能 能够非常方便 快捷地实现从网页当前的部分跳转到同一网页的另一部分 建立书签语法 链接内容创建书签链接语法 链接标题 不同页面间的书签链接 书签链接还可以在不同页面间进行链接 当单击书签链接标题 页面会根据链接中的href属性所以定的地址 将网页跳转到目标地址中书签名称所表示的内容 建立书签语法 链接内容创建书签链接语法 链接标题 6 3电子邮件链接 网页中电子邮件地址的链接 可以使网页浏览者将有关信息以电子邮件的形式发送给电子邮件的接收者 通常情况下 接收者的电子邮件地址位于网页页面的底部 并且与地址标签 配合使用 创建电子邮件链接格式 联系我们 6 4其它链接技巧 除了电子邮件链接 书签链接外 还可以在网页中实现以下链接功能 在新窗口打开链接建立图片链接键盘快捷方式实现链接Tab键改变选择顺序下载文件的链接改变链接颜色 在新窗口打开链接 标签的target属性 可以定义在什么位置处打开链接 如通过标签的target属性实现在新窗口打开链接 方法如下 雅虎首页将target属性值设置为 blank 每次单击该链接 链接内容将在一个新的浏览器窗口显示 target属性值 blank链接内容在新窗口打开 self在当前的窗口打开 parent在父级框架集中打开 top在当前的窗口主体打开 建立图片链接 在网页设计中 经常用到图片链接 当网页中有一幅很大的图片时 可以考虑创建一个缩略图片作为链接到原始图片的链接 浏览者可以通过单击缩略图片来查看原始图片 这样可以减少网页的传输时间 在一些图片新闻中经常使用图片链接 使用图片链接可以使页面更活泼 生动 引起浏览者的注意 从而提高点击率 例如 Tab键改变选择顺序 默认情况下 利用Tab键的顺序移动来选中网页链接 但是网页制作者也可以通过设置标签的tabindex属性使浏览者按照一定的逻辑顺序在链接中移动 例如 雅虎首页新浪首页 下载文件的链接 文件下载对于每个用户来说并不陌生 当用户单击下载链接后 浏览器会自动判断文件的类型 由用户选择下载文件所要保存的路径 例如 文件下载 改变链接颜色 使用body标签的link vlink alink属性可以改变网页中链接的颜色 其中link用来设置当前链接颜色 vlink设置已访问链接颜色 alink设置激活链接颜色 6 5超级链接路径 超级链接标签的属性 href 定义了当前链接所指的目标地址 也就是超级链接路径 在HTML中 主要提供了2种路径 绝对路径和相对路径 绝对路径 绝对路径就是主页上的文件或目录在硬盘上真正的路径 URL和物理路径 例如 C xyz index html代表了index html文件的物理绝对路径 相对路径 相对路径就是相对与某个基准目录的路径 相对路径适合于创建网站内部链接 它是以当前文件所在的路径为起点 进行相对文件的查找 1 同一级目录的文件链接假设1 html路径是 c Inetpub wwwroot sites admin 1 html假设2 html路径是 c Inetpub wwwroot sites admin 2 html1 html文件和2 html文件在同一个文件夹 1 html文件链接到2 html文件 可以在1 html中写成 同级目录文件链接2 上级目录的文件链接假设1 html路径是 c Inetpub wwwroot sites 1 html假设2 html路径是 c Inetpub wwwroot sites admin 2 html1 html文件是2 html文件的上一级目录的文件 2 html文件链接到1 html文件 可以在2 html中写成 1 html 相对路径 假设1 html路径是 c Inetpub wwwroot 1 html假设2 html路径是 c Inetpub wwwroot sites admin 2 html1 html文件是2 html文件的上两级目录中的文件 2 html文件链接到1 html文件 可以在2 html中写成 1 html假设1 html路径是 c Inetpub wwwroot sites admin 1 html假设2 html路径是 c Inetpub wwwroot sites reg 2 html1 html文件和2 html分别在c Inetpub wwwroot sites 目录下的admin和reg两个文件夹内 1 html文件链接到2 html文件 可以在1 html中写成 2 html 相对路径 3 下级目录的文件链接假设1 html路径是 c Inetpub wwwroot sites 1 html假设2 html路径是 c Inetpub wwwroot sites admin 2 html2 html文件是1 html文件的下一级目录的文件 1 html文件链接到2 html文件 可以在1 html中写成 2 html假设1 html路径是 c Inetpub wwwroot s