1. 程式人生 > >html-影象標籤

html-影象標籤

  影象標籤
    <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-路徑的介紹中檢視