【轉載請保留風信網文章內容的完整性，如果您不能遵守此原則，我們將保留追究法律責任的權利】
<img> 標籤
定義和用法
<img> 標籤定義圖像。
HTML 4.01 與 HTML 5 之間的差異
在 HTML 4.01 中，圖像的 "align", "border", "hspace" 以及 "vspace" 不贊成使用。 在 HTML 5 中，不再支援這些屬性。
例子
<img src="smile.gif" alt="smile" />
屬性
屬性 值 描述 4 5 alt text 定義有關圖形的短的描述。 4 5 src URL 要顯示的圖像的 URL。 4 5 align top bottom middle left right 規定如何根據周圍的文本來對齊圖像。 不支援。 請使用 CSS 代替。 4 &HTTP://www.aliyun.com/zixun/aggregation/37954.html">nbsp; border pixels 定義圖像周圍的邊框。 不支援。 請使用 CSS 代替。 4 height pixels % 定義圖像的高度。 4 5 hspace pixels 定義圖像左側和右側的空白。 不支援。 請使用 CSS 代替。 4 ismap URL 把圖像定義為伺服器端的影像地圖。 4 5 longdesc URL 一個 URL，指向了描述該圖像的文檔。 不支援。 4 usemap URL 定義作為用戶端影像對應的一幅圖像。 請參閱 <map> 和<area> 標籤，瞭解其工作原理。 4 5 vspace pixels 定義圖像頂部和底部的空白。 不支援。 請使用 CSS 代替。 4 5 width pixels % 設置圖像的寬度。 4 5標準屬性
class, contenteditable, coNtextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, titl e如需完整的描述，請訪問 HTML 5 中標準屬性。
事件屬性
onabort, onbeforeunload, onblur, onchange, onclick, oncoNtextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmous edown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload如需完整的描述，請訪問 HTML 5 中事件屬性。
TIY 實例
插入圖像，本例演示如何在網頁中顯示圖像。 （略）
從不同的位置插入圖片（略）
本例演示如何將其他資料夾或伺服器的圖片顯示到網頁中。
浮動圖像,本例演示如何使圖片浮動至段落的左邊或右邊。
<html>
<body>
<p>
<img src ="/i/eg_cute.gif" align ="left">
帶有圖像的一個段落。 圖像的 align 屬性設置為 "left"。 圖像將浮動到文本的左側。
</p>
<p>
<img src ="/i/eg_cute.gif" align ="right">
帶有圖像的一個段落。 圖像的 align 屬性設置為 "right"。 圖像將浮動到文本的右側。
</p>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
