Web前端学习第一天——————HTML篇.004百度云盘目录

网页首页代码：

 

one.html

 

 two.html

 

 three.html

 

 

 

 网站效果：

首页

 

 one文件夹

 

 two文件夹：

 

 three文件夹：

 

 

---

总结

<a href="one/one.html">
<img src="img/file.png" width="60px">one
</a>：a标签把图片和“one”都包括进去了，所以无论是点文件夹图片还是点one都能跳转到one.html页面，并且这里采用的是默认当前页面跳转。

<p>
<a href="../demo.html">
<img src="../img/return.jpg" height="25px">
</a>
</p>：

one.html中生成图片，这里调用图片使用的路径是用的相对路径，"../img/return.jpg"中"../"的意思是返回上一级。

因为img文件夹，one文件夹，two文件夹和demo都是在同一级目录，所以在one.html中要调用img文件夹中的图片时，要返回到上一级：<img src="../img/baidu.jpg" width="100%">，在three.html中要调用img文件夹中的图片时，需要要返回到上两级：<img src="../../img/baidu.jpg" width="100%">才能调用到img文件夹中的图片。