logo

moreleft_nav2

联系我们


徐州云网信息技术有限公司

咨询热线:13395298990

联系电话:15895233239 15366794958

咨询热线:0516-66771678

网址:www.xuzhouyun.com

地址:徐州市泉山区万科淮海天地三街区2号楼-1305


售前咨询:kefu@xuzhouyun.com

业务受理:yewu@xuzhouyun.com

技术支持:jishu@xuzhouyun.com

开户行:徐州农商银行前进支行(314303000309)

账 号: 3203020131010000004947

moreleft_nav2

行业动态


moreleft_nav2

相关知识


图片的相对路径和绝对路径


图片的相对路径和绝对路径
发布时间: 2014/3/10 15:43:15 被阅览数: 3057 次 来源: 徐州云网信息技术有限公司

文件路径就是文件在电脑中的位置,表示文件路径的方式有两种,相对路径和绝对路径。在网页设计中通过路径可以表示链接,插入图像、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.fytpjy.cn,和一个网站空间,上面的四个文件就可以这么表示。

<a href=http://www.fytpjy.cn/web/1.html>链接到1.html</a>
<a href=http://www.fytpjy.cn/web/first/2.html>链接到2.html</a>
<a href=http://www.fytpjy.cn/web/first/3.html>链接到3.html</a>
<a href="http://www.fytpjy.cn/web/first/second/4.html">链接到4.html</a>
根目录

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

比如:

<a href="/exe/1.html">链接到1.html</a>
<a href="/exe/first/2.html">链接到2.html</a>
猴子提示: 使用根目录和绝对路径的好处是表示路径比较简单,都是从网站的最开始目录里查找,一级一级的向下查。缺点是程序不容易移植(比如把网站做为另一个网站的一个栏目,移动到一个新的文件夹中就不行了。)



上两条同类新闻:
  • HEML与XHTML的区别
  • 小型网站如何制作