所有主流瀏覽器都支持 <img> 標簽。
<img> 標簽定義 HTML 頁面中的圖像。
<img> 標簽有兩個必需的屬性：src 和 alt。
注釋：從技術上講，圖像并不會插入 HTML 頁面中，而是鏈接到 HTML 頁面上。<img> 標簽的作用是為被引用的圖像創建占位符。
提示：通過在 <a> 標簽中嵌套 <img> 標簽，給圖像添加到另一個文檔的鏈接。
HTML5 中不支持以下屬性：align、border、hspace、longdesc、vspace。
在 HTML 4.01 中，以下屬性：align、border、hspace、vspace 已廢棄。
在 HTML 中，<img> 標簽沒有結束標簽。
在 XHTML 中，<img> 標簽必須被正確地關閉。
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right | HTML5 不支持。HTML 4.01 已廢棄。 規定如何根據周圍的文本來排列圖像。 |
| alt | text | 規定圖像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已廢棄。 規定圖像周圍的邊框。 |
| crossoriginNew | anonymous use-credentials | 設置圖像的跨域屬性 |
| height | pixels | 規定圖像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。 規定圖像左側和右側的空白。 |
| ismap | ismap | 將圖像規定為服務器端圖像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已廢棄。 指向包含長的圖像描述文檔的 URL。 |
| src | URL | 規定顯示圖像的 URL。 |
| usemap | #mapname | 將圖像定義為客戶器端圖像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已廢棄。 規定圖像頂部和底部的空白。 |
| width | pixels | 規定圖像的寬度。 |
<img> 標簽支持 HTML 的全局屬性。
<img> 標簽支持 HTML 的事件屬性。
從不同的位置插入圖片
本例演示如何將其他文件夾或服務器的圖片顯示到網頁中。
制作圖像鏈接
本例演示如何將圖像作為一個鏈接使用。
創建圖像地圖
本例演示如何創建帶有可供點擊區域的圖像地圖。其中的每個區域都是一個超級鏈接。
HTML 教程：HTML 圖像
HTML DOM 參考手冊： Image 對象
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
