HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google Maps注意
- 以下的程式碼皆是寫於<body>與</body>標籤之內。
- 程式碼的示範,已由本網站「樣式表自動修飾」,實際測試將依各家瀏覽器「預設樣式表不同而有差距」。
<img>
<img>屬於空元素,不需結尾符,且預設為上下排列,換行不必使用<br>。
- src - 指定圖片位置,參考:HTML檔案路徑
- alt - 當圖片位置不存在時的替代文字
- style - 例用css調整寬度、高度等...
src,style 示範
- <p>力推高雄三民家商制服 (圖片來自制服地圖</p>
- <img style="
width:100%;
max-width:500px;" src="http://unimap.wingzero.tw/uniform/kaohsiung/smvhs/bDSC_4107.jpg
">- 行2:例用style屬性做css修飾,width值可設定圖片寬度。高度則使用height做設定,通常只需設定其中一個即可。詳請請見:
alt 示範
- <img src="" alt="
當圖片位置不存在時的替代文字
">- 行1:例用alt屬性:當圖片位置不存在時的替代文字