HTML <img> 元素
使用<img>標籤可以在網頁插入一個圖片。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> </head> <body> <img src="mytest/div+css/border.jpg"/> </body> </html>
上面的程式碼可以在頁面中插入一個標籤。
<img>元素的主要屬性:
(1).height屬性:圖片的高度。
(2).width屬性:圖片的高度。
(3).src屬性:圖片的路徑。
(4).alt:當圖片無法顯示時的替代文字。
(5).title:滑鼠懸浮時顯示的文字。
注意事項:
(1).height和width如果不按照原圖尺寸比例設定,會導致圖片變形。
(2).alt:它的值大多是對圖片的說明性文字,當圖片由於某些原因無法載入時,就會顯示這些文字;並且對搜尋引擎優化有著重要意義,所以強烈建議不要省略。
相關文章
- 如何將<img>圖片插入html元素中HTML
- HTML標記語法之圖片Img元素HTML
- HTML 裡 img 元素的 src 和 srcset 屬性有何區別?HTML
- HTML img 元素無法顯示 base64 圖片的可能原因HTML
- 塊元素包裹img空隙問題
- img元素的object-fit屬性Object
- HTML中IMG標籤總結HTML
- HTML————3、HTML元素HTML
- HTML元素HTML
- HTML p元素HTML
- HTML <p> 元素HTML
- HTML form 元素HTMLORM
- HTML fieldset元素HTML
- HTML 元素(轉)HTML
- HTML 空元素 And 可替換元素HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML_行內元素、塊級元素、空元素HTML
- HTML <dialog> 元素HTML
- HTML input 元素概述HTML
- HTML內聯元素HTML
- jQuery 操作html元素jQueryHTML
- 將資料存放於html元素或者從html元素刪除HTML
- HTML 塊級元素和內聯元素HTML
- Html 內聯元素和外聯元素HTML
- html元素,屬性修改HTML
- HTML 自閉和元素HTML
- HTML----元素層級HTML
- HTML元素拖動JSHTMLJS
- HTML 自定義元素教程HTML
- JavaScriptDOM物件控制HTML元素JavaScript物件HTML
- HTML5新增元素HTML
- php中的html元素PHPHTML
- HTML元素是什麼?HTML
- 【前端】HTML__內聯元素與塊元素前端HTML
- HTML 替換元素與非替換元素HTML
- html 子元素div影響父元素高度HTML
- 利用jQuery在指定元素中新增html元素jQueryHTML
- [HTML] html5新增的結構元素HTML