网页链接的概念.ppt

网页链接的概念 一、超链接 二、绝对路径 三、相对路径 网页链接的概念 一、超链接 二、绝对路径 三、相对路径 一、超链接 1.超链接的概念 超链接是指从一个网页指向一个目标的关系。 URL（统一资源定位器）是在Internet上用来描述信息资源，并将Internet提供的服务统一编址的系统 / / 一、超链接 2.超链接的目标与表现形式 网页、相同页面的不同位置、图片、电子邮件地址、文件或程序等。 用来设置超级连接的对象可以是文本或图片。 一、超链接 3.链接路径的表示方式 绝对路径 相对路径 基于根目录的路径 网页链接的概念 一、超链接 二、绝对路径 三、相对路径 二、绝对路径 1.绝对路径的概念 在超链接中使用完整的URL地址的链接路径被称为绝对路径。 C:\Mysite\index.html 二、绝对路径 1.绝对路径的使用要求 绝对路径与链接的源端点无关 链接不同站点必须使用绝对路径 本地链接不要使用绝对路径 绝对路径不利于网页链接测试 网页链接的概念 一、超链接 二、绝对路径 三、相对路径 三、相对路径 1.相对路径的概念 相对路径可以表述源端点同目标的端点之间的相对位置。 C:\Mysite\源端点.html C:\Mysite\目标端点.html 三、相对路径 1.相对路径的概念 相对路径可以表述源端点同目标的端点之间的相对位置。 C :\Mysite\源端点.html c :\Mysite\目标端点.html 源端点中链向目标端点页面的超链接可以简写成“目标端点.html” 三、相对路径 2.相对路径的使用方式 相对路径最适用于本地站点的本地链接。 当前文档与所链接文档处于同一文件夹中，且能保持这种状态； 利用文件夹层次结构，指定从当前文档链接到其他文件夹文档的路径。 三、相对路径 当前文档与所链接文档处于同一文件夹中，且能保持这种状态。 http :\Mysite\1.html http :\Mysite\2.html 1.html和2.html在同一个文件夹下， 如果2.html链接到1.html ，可以在2.html中这样写： a href=“1.html同目录下文件间互相链接/a 三、相对路径 当前文档与所链接文档处于同一文件夹中，且能保持这种状态。 C:\Mysite\1.html C:\Mysite\2.html 1.html和2.html在同一个文件夹下， 如果1.html链接到2.html ，可以在1.html中这样写： a href=“2.html同目录下文件间互相链接/a 三、相对路径 利用文件夹层次结构，指定从当前文档链接到其他文件夹文档的路径。 C:\Mysite\1.html C:\Mysite\index\2.html 1.html是2.html的上级目录中的文件，如果1.html链接到2.html，可以在1.html中这样写： a href=“index/2.html同目录下文件间互相链接/a 三、相对路径 利用文件夹层次结构，指定从当前文档链接到其他文件夹文档的路径。 C:\Mysite\1.html C:\Mysite\index\2.html 1.html是2.html的上级目录中的文件，如果1.html链接到2.html，可以在1.html中这样写： a href=“index/2.html同目录下文件间互相链接/a 看成一个整体！！ 三、相对路径 利用文件夹层次结构，指定从当前文档链接到其他文件夹文档的路径。 C:\Mysite\1.html C:\Mysite\index\2.html 1.html是2.html的上级目录中的文件，如果2.html链接到1.html，可以在2.html中这样写： a href=“../1.html同目录下文件间互相链接/a 三、相对路径 利用文件夹层次结构，指定从当前文档链接到其他文件夹文档的路径。 请写出2.html链接到1.html的相对路径 C:\Mysite\1.html C:\Mysite\index\image\2.html C:\Mysite\index\image\one\2.html 三、相对路径 3.相对路径的写法 ../ 代表一个上级目录(间隔一个目录) C:\Mysite\1.html C:\Mysite\index\image\2.html a href=“../../1.html C:\Mysite\index\image\one\2.html a href=“../../../1.html 三、相对路径 3.相对路径的写法 c:/website/web/index.htm c:/website/img/photo.jpg