[HTML]圖像標簽＜img＞的用法、屬性及路徑問題

• 圖像標簽：<img>        用法：<img src = "圖像地址">

---

• 圖像標簽的屬性

屬性	說明
src	指明圖像的地址(分為相對路徑和絕對路徑兩種寫法)
alt	替換文本，當圖片不能正常顯示時出現文字(十分重要)
title	提示文本，鼠標放到圖像上顯示的文字
width	像素值，設置圖像的寬度
height	像素值，設置圖像的高度
border	像素值，設置圖像的邊框粗細

• src屬性的路徑問題

相對路徑（相對於當前HTML文件）
類型	寫法	說明
同一級路徑	無符號，如<img src="image.jpg">	引入與當前HTML文件同級的image.jpg圖片
下一級路徑	符號：/，如<img src="images/logo.jpg">	引入與當前HTML文件同級的images文件夾下的logo.jpg圖片
上一級路徑	符號：../，如<img src="../image.jpg">	引入在當前HTML文件上一級目錄下的image.jpg圖片
絕對路徑（圖片完整地址）
類型	寫法	說明
本地路徑	如<img src="C:\Users\wkb\Desktop\logo.jpg">	引入"C:\Users\wkb\Desktop"路徑下的logo.jpg圖片
網絡路徑	如<img src="圖片網絡地址">	引入某一網絡地址下的圖片文件