html基礎(3)
阿新 • • 發佈:2017-06-10
子文件夾 pre 相對 絕對路徑 不同 無聊 路徑和 img .cn
美好的星期六,今天多寫一點,爭取早點寫js這個有點小無聊。
一、先來講點網頁之間的跳轉
(1)、<a href=""></a> 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當然是看圖了。
網頁一跳轉網頁2
其實我們經常上網的話會見到,那這又是啥意思呢!這裏的意思是以當前文件也就是 "網頁1" 為基準 ,意思就是跳轉到 子文件夾 下的 網頁2中去;
但是問題又來了,我要 網頁2 跳轉到 網頁1 中去這該咋辦 這裏就要介紹一個小東西了 ../ 這個代表了返回上一級文件夾 網頁2的 上一級不就是子文件夾嗎!
和子文件夾同一級的網頁不就是網頁1嗎!
所以網頁2跳轉網頁1的代碼是這樣的
這意思表示了 他跳轉到上一個文件夾中網頁 1 中去
一、相對路徑
這種路徑我們叫做相對路徑 ,就相對與當前文件,你要尋找的文件在哪個位置,當然我們還有另外一種,就是絕對路徑但是不推薦用。
相對路徑在任何人電腦上都可以用,但絕對路徑就不可以了,誰知道你會把文件放在哪裏。
二、絕對路徑
教大家拿到絕對路徑的好方法,把文件拖入瀏覽器地址欄就會顯示你這個文件的完整地址 。
只要盤符後邊的喲!前邊 file:/// 不需要
在網頁二中寫入完整地址也可以跳轉
最後來點小東西,昨天說要說網頁圖片的插入
一、圖片的插入
(1)、<img src="路徑"> [註]:這個是沒有閉合標簽的 ,圖片的路徑和網頁路徑一樣,你寫我的路徑是沒用的你要看你自己的路徑,具體參考上邊
<html> <head> <title>插入圖片</title> </head> <body> <img src="img/01.jpg"> </body> </html>
(2)、路徑 [註]:由於我的文件是這樣放的,所以我的圖片就 圖片這個html 文件夾中 img文件夾中的圖片名是 01.jpg 的圖片。 在這裏還要註意你圖片的格式路徑格式與圖片格式不同也無法顯示喲!
效果
希望大家多多評論啊!
html基礎(3)