html-影象標籤
阿新 • • 發佈:2018-10-31
影象標籤
<img src="圖片的路徑"/>
-src:圖片的路徑
-width:圖片的寬度
-height:圖片的高度
-alt:圖片上顯示的文字,把滑鼠移動到圖片上,停留片刻顯示內容
** 有些瀏覽器下不顯示(沒有效果),一般不用這個。
程式碼例項:
<html> <head> <title>World</title> </head> <body> <!-- 在該檔案的同級目錄下,有一個images目錄,並且在images目錄下有a.jpg和b.jpg,以下同理(相對路徑)--> <h4>下層目錄</h4> <img src="images/a.jpg" width="300" height="200"" alt="圖片上的文字"/> <img src="images/b.jpg" width="300" height="200"/> <hr/> <h4>上層目錄</h4> <img src="../a.jpg" width="300" height="200" /> <hr/> <h4>當層目錄</h4> <img src="b.jpg" width="300" height="200" /> <hr/> <img src="../img/a.jpg" width="300" height="200"> <h4>遠端目錄(絕對路徑)</h4> <img src="https://static.cnblogs.com/images/adminlogo.gif" /> </body> </html>
路徑相關請在 html-路徑的介紹中檢視