延安大学：《网页制作基础教程》课程PPT教学课件_第六章 使用超级链接

网页制作基础教程 牛永洁 延安大学计算机学院

网页制作基础教程 延安大学计算机学院 牛永洁

第六章使用超链接 本章主要内容 ◇各种不同类型超链接的使用 锚点链接 2.外部链接 3.Ema链接 4.FTP链接 5. tele链接 6.下载文件链接 7.脚本链接 8.空链接

第六章 使用超链接 ❖ 各种不同类型超链接的使用 1. 锚点链接 2. 外部链接 3. E-mail链接 4. FTP链接 5. telnet链接 6. 下载文件链接 7. 脚本链接 8. 空链接 本章主要内容

超链接的桡念 ◆什么是超链接 豪网络中的一个个网页是通过超级链接的形式 关联在一起的 豪作用是在因特网上建立一个位置到另一个位 置的链接 豪一个超链接由源地址文件和目标地址文件构 成,当访问者单击超链接时,浏览器会从相 应的目标地址找到目标网页,并在浏览器中 显示

超链接的概念 ❖ 什么是超链接  网络中的一个个网页是通过超级链接的形式 关联在一起的。  作用是在因特网上建立一个位置到另一个位 置的链接  一个超链接由源地址文件和目标地址文件构 成，当访问者单击超链接时，浏览器会从相 应的目标地址找到目标网页，并在浏览器中 显示

超链接示意图

超链接示意图

超级链接的颜色 在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的 ●已被访问的链接带有下划线而且是紫色的 ●活动链接带有下划线而且是红色的

超级链接的颜色

超级链接路径的类型 超级链接的路径分为:相对路径与绝对路径 ◆绝对路径是精准的路径,只要文件的位置不会发 生变化,都可以找到 ◆相对路径是以当前文件为基准,寻找其他文件的 表示方法,只要当前文件与目标文件的相对位置 不变化就会找到目标文件 令原则:网站内使用相对路径,站外使用绝对路径

超级链接路径的类型 ❖超级链接的路径分为：相对路径与绝对路径 ❖绝对路径是精准的路径，只要文件的位置不会发 生变化，都可以找到 ❖相对路径是以当前文件为基准，寻找其他文件的 表示方法，只要当前文件与目标文件的相对位置 不变化就会找到目标文件。 ❖原则：网站内使用相对路径，站外使用绝对路径

使用超级链接 ◇超级链接的标签. 超级链接标签的属性列表: 属性值 说明 ref 指定链接的地址 name 给链接命名 title 超级链接的提示文字 target 目标网页打开的位置

使用超级链接 ❖超级链接的标签… 属性值 说明 href 指定链接的地址 name 给链接命名 title 超级链接的提示文字 target 目标网页打开的位置 超级链接标签的属性列表：

超级链接的目标窗口 target的取值: se在当前页面中打开 bank在—个全新窗口打开 _top在质层窗口打开,使用在框架中。 _ parent在上一层窗口打开,使用在框架中

超级链接的目标窗口 target的取值: _self 在当前页面中打开 _blank 在一个全新窗口打开 _top 在顶层窗口打开，使用在框架中。 _parent 在上一层窗口打开，使用在框架中

给链接一个名字 ◇使用name属性,另外在国际上比较正规的 是使用id属性,为了更加广泛的获得支持, 或者为了稳定,建议同时使用 ☆name或者id的名字区分大小写,而且在- 个网页中不允许两个元素的名字相同。也 就是在一个网页中名字要具有唯性。 演示:链接到不同页面的锚点

给链接一个名字 ❖使用name属性，另外在国际上比较正规的 是使用id属性，为了更加广泛的获得支持， 或者为了稳定，建议同时使用 ❖name或者id的名字区分大小写，而且在一 个网页中不允许两个元素的名字相同。也 就是在一个网页中名字要具有唯一性。 演示：链接到不同页面的锚点

创建其他链接 ◆链接到外部网站 豪. ◆创建脚本链接 豪. ◆创建空链接

创建其他链接 ❖链接到外部网站 …. ❖创建下载文件的链接 … ❖创建脚本链接 … ❖创建空链接…