绝对路径
需要指出链接资源的绝对位置,与你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>
© 版权声明
THE END
请登录后查看评论内容