认识HTML一理解路径
2019-03-28 本文已影响0人
周行知
理解路径
例如
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>H1和H6标签</title>
</head>
<body>
<img src="2.jpg" />
<h2 align="center">【店铺简介】</h2>
<img src="3.jpg"/>
<img src="4.jpg"/>
</body>
</html>
我们可以观察它的路径在哪里?
路径问题
src赋值的方法有两种方式:
1.相对路径赋值
每次从.html所在的文件夹开始查找。
<img src="2.jpg" />在'第2个网页.html’中查找
其他依次类推。
同级
1)图片和.html文件存储在同一文件夹
2)格式:<img src="2.jpg" />
3)含义:在.html文件所在的文件夹中查找名称叫做2.jpg的图片
下级
1)存储图片的文件夹和.html文件在同一个文件夹中
如图所示:
2)格式如下:
<img src="img/2.jpg" />
<h2 align="center">【店铺简介】</h2>
<img src="img/3.jpg"/>
<img src="img/4.jpg"/>
上级
1)存储图片位置在和存储代码位置在同一文件夹
如图所示:
2)格式如下:
<img src="../2.jpg" />
3)含义
找到文件夹的上一级
2.绝对路径赋值
直接复制即可:
E:/阅读器/web/xhtml+css/img/3.jpg
<img src="E:/阅读器/web/xhtml+css/img/3.jpg"/>
<img src="E:/阅读器/web/xhtml+css/img/4.jpg"/>
作者不推荐使用