HTML5编程教学6绝对路径与相对路径-绪飞博客网

绝对路径

需要指出链接资源的绝对位置，与你html文档无关

服务器中的位置：href=”http://www.gerbok.club/?id=4”
本地储存的位置：file:///C:\Users\Administrator\Desktop\编辑文档\学习文档\study5\西施.png 注：此项是引用 a 标签运行例：<a href=”file:///C:\Users\Administrator\Desktop\编辑文档\学习文档\study5\西施.png”>西施</a>

相对路径

如果链接资源与你html文档位于同一个路径或文件夹里，可以省略；否则必须指出相对路径，和html文档的位置有关

同一个路径：直接写文件名称或./文件名比如：tp.jpg或者./tp.jpg

在下级路径：路径名称/资源名称：xx/tp.jpg

在下下级路径:xx/xx/tp.jpg

在上级路径：../路径名称: ../tp.jpg

在上上级路径：../../tp.jpg

代码展示

<!DOCTYPE html>
<html>
	<head lang="zh-cn">
		<meta charset="utf-8">
		<title>study6</title>
	</head>
	<body>
	下级目录：<a href="xiaji/西施.png">西施</a><br />
上级目录：<a href="../貂蝉.png">貂蝉</a><br />
	博客第一个文档：<a href="http://bk.daoh.top">博客</a>
<br />
    本地储存：<a href="file:///C:\Users\Administrator\Desktop\编辑文档\学习文档\study5\西施.png">西施</a>
    <!--上面元素自己理解注释不了什么-->
	</body>
</html>

版权声明 1 本网站名称：绪飞博客网
2 本站永久网址：https://www.93bk.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ2168312466进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

前端编程教程

HTML5编程教学6绝对路径与相对路径

请登录后发表评论