相對路徑：指由這個文件所在的路徑引起的跟其它文件（或文件夾）的路徑關(guān)系? ../ 表示上一級目錄

舉個??

在

在div.html中插入店招.png的圖片

我們以? div.html? 所在的文件夾 web? 去找? 店招.png所在位置

<img src="../../images/店招.png">

第一個../ 表示到了html的目錄，第二個../到了路徑test的目錄，然后再往下在找 image/店招.png

比喻成小蝌蚪找媽媽，小蝌蚪（div.html）去找媽媽（店招.png），

1、小蝌蚪（div.html）先穿上web的衣服，? ? ? ? ? ? ? ? ? ? ? ? ??web文件夾此為文件所在的路徑

2、穿上衣服的小蝌蚪，要先走進(jìn)html屋子（html文件夾）? ??../? 到了html文件夾

3、在走到院子里（路徑test的目錄),? ? ? ? ? ??????????????????????????????../../??到了路徑test文件夾

4、在走到另一個屋子（images),? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??../../images到了?image文件夾

5、找到了媽媽 店招.png????????????????????????????????????????????????????????../../images/店招.png

成功顯示

? ? ? ? ? ?再看另一個例子 鞏固一下

絕對路徑

絕對路徑包括以下兩種：

（1）以盤符開始的絕對路徑。舉例：<img src="C:\Users\smyhvae\Desktop\html\images\1.jpg">

（2）網(wǎng)絡(luò)路徑。舉例：<img src="http://img.smyhvae.com/2016040102.jpg">

相對路徑和絕對路徑的總結(jié)

相對路徑的好處：站點不管拷貝到哪里，文件和圖片的相對路徑關(guān)系都是不變的。

相對路徑使用有一個前提，就是網(wǎng)頁文件和你的圖片，必須在一個服務(wù)器上。

問題：我的網(wǎng)頁在C盤，圖片卻在D盤，能不能插入呢？

答案： 用相對路徑不能，用絕對路徑也不能。

注意：可以使用file://來插入，但是這種方法，沒有任何意義！因為服務(wù)器上沒有所謂c盤、d盤。

下面的方法是行的，但是沒有任何工程上的意義，這是因為服務(wù)器沒有盤符，linux系統(tǒng)沒有盤符：

<img src="file://C:\Users\Danny\Pictures\明星\1.jpg" alt="" />

總結(jié)一下：

我們現(xiàn)在無論是在a標(biāo)簽、img標(biāo)簽，如果要用路徑。只有兩種路徑能用，就是相對路徑和絕對路徑。

相對路徑，就是../ image/ 這種路徑。從自己出發(fā)，找到別人；

絕對路徑，就是http://開頭的路徑。

絕對不允許使用file://開頭的東西，這個是完全錯誤的！

img標(biāo)簽的其他屬性

width：寬度

height：高度

Align：指圖片的水平對齊方式，屬性值可以是：left、center、right

title：提示性文本。公有屬性。也就是鼠標(biāo)懸停時出現(xiàn)的文本。

border：給圖片加邊框（描邊），單位是像素，邊框的顏色是黑色

Hspace：指圖片左右的邊距

Vspace：指圖片上下的邊距

Alt：當(dāng)圖片顯示不出來的時候，代替圖片顯示的內(nèi)容。alt是英語 alternate “替代”的意思。（有的瀏覽器不支持）