1. 程式人生 > 其它 >學習HTML成長記 5

學習HTML成長記 5

技術標籤:筆記學習htmlhtml5

影象標籤<img>

<img>用於在網頁中嵌入圖片,該標籤不需要結束標籤,可單獨使用。

(hr,br)也一樣不需要結束標籤。

標籤有兩個常用屬性:src屬性和alt屬性。src(source)用於指明影象的儲存路徑,通常是URL形式。alt(alternative)用於無法找到影象時顯示替代文字,該屬性可省略不寫。

基本格式<img src="影象檔案 URL" />
其中“影象檔案 URL"替換為圖片儲存的路徑,例如,圖片檔案為111.jap,並存放在本地的222資料夾中,則可以寫為

<img src="http://localhost/222/111.jap"/>

如果圖片和網頁檔案在同一個目錄中,則直接寫圖片名稱即可。

<img src="111.jap"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>影象標籤的簡單應用</title>
</head>
<body>
<h3>影象標籤的簡單應用</h3>
<
hr
/>
<!--使用影象標籤<img>的效果--> <img src="img/jackson.jpg" /> </body> </html>

哎效果沒出來,先不寫了