html5--1.10绝对路径和相对路径

html5--1.10绝对路径和相对路径

学习要点:

绝对路径相对路径

1.绝对路径

需要指出链接资源的绝对位置,与你的HTML文档的位置无关;
1. 服务器中的位置:href="http://www.nipic.com/show/2/52/8144173k9c3cc84f.html"
2. 本地存储的位置:file:///D:桌面HTML5课程HTML5入门实例课程lesson9西施.png


2.相对路径

如果链接资源与你的HTML文档位于同一个路径或者文件夹里,可以省略;否则必须指出相对路径,和HTML文档的位置有关;
同一个路径: 直接写文件名称 或 ./文件名 比如:tp.jpg或者./tp.jpg
在下级路径: 路径名称/资源名称:xxx/tp.jpg
在下下级路径: xx/xxx/tp.jpg
在上级路径: ../资源名称:../tp.jpg
在上上级路径: ../../tp.jpg

 在下级文件夹就在前面加上文件名,如果是上级文件夹就加上../

原文地址:https://www.cnblogs.com/Renyi-Fan/p/7882592.html