在 HTML 中,圖像由 標簽定義。
是空標簽,它只包含屬性,并且沒有閉合標簽。
要在頁面上顯示圖像,你需要使用源屬性(src)。源屬性的值是圖像的 URL 地址。
定義圖像的語法是:
<img src="url" />
< />
URL 指存儲圖像的位置,你需要為位于引號之間的 src 屬性放置圖像位置。
例如, 如果名為 "logo.png" 的圖像位于 m.miracleart.cn 的 images 目錄中,那么其 URL 為 http://m.miracleart.cn/images/logo.png。
<html> <head> <title>first page</title> </head> <body> <img src="logo.png" alt="" /> </body> </html>
如果圖像無法顯示,則 alt 屬性用來為圖像定義一串預(yù)備的可替換的文本。alt 屬性是必需的。
height(高度) 與 width(寬度)屬性用于設(shè)置圖像的高度與寬度。
該屬性值可以以 像素 或 百分比 形式指定,默認單位為像素。
<html> <head> <title>first page</title> </head> <body> <img src="logo.png" height="100px" width="100px" alt="" /> <!-- 或者 --> <img src="logo.png" height="80%" width="80%" alt="" /> </body> </html>
標簽的 border 屬性規(guī)定圖像周圍的邊框的寬度。
注釋:默認情況下,圖像是沒有邊框的。
使用 border 屬性和一個用像素表示的寬度值就可以去掉 (border="0") 或加寬圖像的邊框。
實例:
<img src="logo.png" height="100px" width="100px" border="2" alt="" />
帶有 2 像素粗邊框的圖像:
<img ="logo.png" alt="" ="5" />