首頁 >web前端 >html教學 >總結a標籤-img標籤-絕對/相對路徑的實例教程

總結a標籤-img標籤-絕對/相對路徑的實例教程

美好的星期六，今天多寫一點，爭取早點寫js這個有點小無聊。

　　(1)、0e126370438b71664e36a4233f68e8275db79b134e9f6b82c0b36e0489ee08ed href="這裡寫要跳轉的網頁的地址";

## 【註】:起始我們的話，就是寫的兩個頁面之間相互跳轉，或直接透過網址跳轉別的網頁。

<html>
    <head>
        <title>网页一</title>
    </head>
    <body>
　　　　　<a href="网页2.html">跳转网页2</a>
    </body>
</html>

　網頁二碼：

<html>
    <head>
        <title>网页二</title>
    </head>
    <body>
　　　　　<a href="网页1.html">跳转网页1</a>
    </body>
</html>

#【註】：在這裡兩個檔案在同一級，的時候這樣跳就可以，若不是同等級呢！

就像是這樣呢！網頁2在另一個資料夾中我們的 "href=' '" 中路徑又該如何呢！ look當然是看圖了。

# #其實我們常上網的話會見到，那這又是啥意思呢！這裡的意思是以目前檔案也就是"網頁1" 為基準，意思是跳到子資料夾下的網頁2中去；

但是問題又來了，我要網頁2 跳到網頁1 中去這該咋辦這裡就要介紹一個小東西了 ../ 這個代表了返回上一層資料夾網頁2的上一層不就是子資料夾嗎！

和子資料夾同一層的網頁不就是網頁1嗎！

這意思表示了他跳到上一個資料夾中網頁1 中去

相對路徑在任何人電腦上都可以用，但絕對路徑就不行了，誰知道你會把檔案放在哪裡。

二、絕對路徑

教大家拿到絕對路徑的好方法，把檔案拖入瀏覽器網址列就會顯示你這個檔案的完整位址。

只要盤符後邊的喲！前邊file:/// 不需要

　　在網頁二中寫入完整位址也可以跳轉

　　(1)、ccc21a1a1fc08c55ed92b104485bc082 [註]：這個是沒有閉合標籤的，圖片的路徑和網頁路徑一樣，你寫我的路徑是沒用的你要看你自己的路徑，具體參考上邊

<html>
     <head>
	<title>插入图片</title>
     </head>
     <body>
	<img src="img/01.jpg">
     </body>
</html>

　(2)、路徑 [註]：由於我的檔案是這樣放的，所以我的圖片就圖片這個html 資料夾中img資料夾中的圖片名是 01.jpg 的圖片。在這裡也要注意你圖片的格式路徑格式與圖片格式不同也無法顯示喲！

以上是總結a標籤-img標籤-絕對/相對路徑的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多