在html中,圖片標籤是指用來定義圖片的標籤,即「」標籤。 img元素可以在網頁中嵌入一幅圖像,「」標籤的作用是為被引用的圖像建立佔位符,將圖像連結到HTML頁面上;img標籤使用src屬性來規定顯示圖像的URL ,語法“”。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
在html中圖片標籤是指用來定義圖片的標籤,即「」標籤。
HTML 標籤
#標籤定義 HTML 頁面中的圖片。
標籤有兩個必要的屬性:src 和 alt。
註解:從技術上講,圖像並不會插入 HTML 頁面中,而是連結到 HTML 頁面上。 標籤的作用是為被引用的圖像建立佔位符。
提示:透過在 標籤中嵌套 標籤,將圖片新增至另一個文件的連結。
屬性值:
屬性 | #描述 | |
---|---|---|
#align | top ## bottom # middle # left right |
HTML5 不支援。 HTML 4.01 已廢棄。 規定如何依照周圍的文字來排列影像。 |
alt | text | #規定圖像的替代文字。 |
border | pixels | #HTML5 不支援。 HTML 4.01 已廢棄。 規定影像周圍的邊框。 |
crossorigin | 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 | 規定影像的寬度。 |
範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" alt="Smiley face" width="200"> </body> </html>
#【推薦教學:《html影片教學》】
以上是在html中圖像標籤是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!