img標籤語法使用在html的加入圖片的語法
需要注意地方是,img不需要做閉合標籤的動作
常見不用閉合標籤:<br><meta><link><hr><img>
這些標籤都不用閉合標籤動作。
使用相對路徑方式抓取檔案中的header.png
下篇會講解相對路徑及絕對路徑基本知識
範例:
<img src="header.png" alt="logo" width="202" height="42" title="logo">
img標籤常用的屬性 (attributes)
src
指定圖片位址(URL),這個屬性是最重要的,可以使用絕對路徑及相對路徑基本知識。
alt
圖片替代文字,當圖片無法顯示時,瀏覽器會使用文字方式顯示,對SEO優化非常幫助的屬性。
title
滑鼠提示文字,會自動顯示文字,這可以幫助身心障礙人士使用閱讀程式瀏覽網頁便利性。
width
能夠指定圖片的寬度用途,圖片可以依照設定的值,這點對瀏覽器的優化幫助很大提升。
height
能夠指定圖片的高度用途,圖片可以依照設定的值,這點對瀏覽器的優化幫助很大提升。
以下是圖片標籤常用的基本用法
參考資料:
HTML 圖片 標籤 (tag)
不需要閉合標籤的語法