Web前端學習第一天——————HTML篇.004百度雲盤目錄
阿新 • • 發佈:2021-12-30
網頁首頁程式碼:
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資料夾中的圖片。