相对路径和绝对路径

文件路径就是文件在电脑中的位置,表示文件路径的方式有两种,相对路径绝对路径。在网页设计中通过路径可以表示链接,插入图像、Flash、CSS文件的位置。

物理路径:物理路径就是硬盘上文件的路径,比如下面的文件:

d:\dreamdu\exe\1.html
d:\dreamdu\exe\first\2.html
d:\dreamdu\exe\first\3.html
d:\dreamdu\exe\first\second\4.html

下面的例子使用了上面四个文件进行了相互链接,

相对路径(Relative Path)

如何表示同级目录的文件

2.html和3.html在同一个文件夹下, 如果2.html链接到3.html,可以在2.html中这样写:

<a href="3.html">同目录下文件间互相链接</a>

如何表示上级目录的文件

1.html是2.html和3.html的上级目录中的文件,如果2.html或3.html链接到1.html,可以在2.html或3.html中这样写

<a href="../1.html">链接到上级目录中的文件</a>

../ 代表一级上级目录(间隔一个目录) ../../代表二级上级目录(间隔两个目录),比如4.html链接到1.html,可以在4.html中这样写

<a href="../../1.html">链接到上级目录的上级目录中的文件</a>

如何表示下级目录的文件

2.html和3.html是1.html的下级目录中的文件,如果在1.html中链接到2.html, 可以在1.html中这样写

<a href="first/2.html">链接到下级目录(first)中的文件</a>

如果在1.html中链接到4.html,可以在1.html中这样写

<a href="first/second/4.html">链接到下级目录(first/second/)中的文件</a>

绝对路径(Absolute Path)

绝对路径就是带有网址的路径,比如你有一个域名www.dreamdu.com,和一个网站空间,上面的四个文件就可以这么表示。

<a href="http://www.dreamdu.com/exe/1.html">链接到1.html</a><a href="http://www.dreamdu.com/exe/first/2.html">链接到2.html</a><a href="http://www.dreamdu.com/exe/first/3.html">链接到3.html</a><a href="http://www.dreamdu.com/exe/first/second/4.html">链接到4.html</a>

根目录

使用根目录的方式表示的路径和绝对路径的表示方式相似,去掉前面的域名就可。

比如:

<a href="/exe/1.html">链接到1.html</a><a href="/exe/first/2.html">链接到2.html</a>

↑下一篇:Notepad++使用技巧
↓上一篇:什么是静态网页?



关于我们
公司简介
企业文化
企业资质
服务承诺
成功案例
企业案例
外贸案例
购物案例
动画案例
手机案例
网站建设
优惠套餐
服务项目
合作流程
支付方式
服务优势
网站优化
域名主机
域名注册
主机租用
企业邮箱
400电话
400介绍
办理流程
400套餐
新闻资讯
网站优化
行业新闻
建站动态
网站建设
常见问题
网站备案
联系我们
联系我们