HTML學習07－_IMG標籤 影象標籤
阿新 • • 發佈：2019-01-28
通過使用HTML，可以在文件中顯示影象。
例項
插入影象：⚠️插入動畫影象的語法與插入普通影象的語法沒有區別。(要保證檔案路徑和工程路徑在同一個目錄下)
<html> <head lang="en"> <meta charset="UTF-8"> <title>影象標籤</title> </head> <body> <p>一幅靜態圖<img src="1.jpg" width="100" height="100"></p> <p>一幅動態圖<img src="2.gif" width="100" height="100"></p> <p>無論靜態圖還是動態圖，語法都是一樣的</p> </body> </html>
影象標籤（<img>）和源屬性(Src)
在HTML中，影象由<img>標籤定義。
<img>是空標籤，意思是，它只包含屬性，並沒有閉合標籤。
要在頁面上顯示影象，你需要使用源屬性(src) = src 指“source”。源屬性的值是影象的URL地址。
替換文字屬性（ALT）
背景圖片<!-- ALT 替換文字屬性，當圖片顯示不了的時候顯示ALT文字。title：當滑鼠放在上面的時候顯示的提示文字--> <p>一幅靜態圖<img src="1.jpg" width="100" height="100" title="滑鼠" alt="滑鼠圖片"></p> <p>一幅動態圖<img src="2.gif" width="100" height="100" title="金館長" alt="搞笑動態圖片"></p>
gif和jpg檔案均可用做HTML背景
如果圖片小於頁面，圖片會進行重複。
<span style="font-size:14px;"><body background="2.gif">
<p>gif和jpg檔案均可用做HTML背景</p>
<p>如果圖片小於頁面，圖片會進行重複</p>
</body></span>
浮動圖片(左對齊／右對齊／居中)
<p>一幅靜態圖<img src="1.jpg" width="100" height="100" title="滑鼠" alt="滑鼠圖片" align="right"></p>
