<img>圖像標記
使用方法
<img src=”路徑/文件名.圖片格式” width=”屬性值” height=”屬性值” border=”屬性值” alt=”屬性值”>
注意
- <img>爲但標記，不需要使用</img>閉合
- 在加載圖像文件的時候，文件的路徑或者文件名格式錯誤，將無法加載文件。
<img>標記的屬性
src屬性
指定我們要加載圖片的路徑和圖片的名稱以及圖片的格式。
代碼1：圖片位置與.html文件在一個文件夾下
<body>
<img src="airetv_camera.png">
</body>代碼2：圖片位置在.html文件夾中src文件夾中
<body>
<img src="src/airetv_camera.png">
</body>代碼3：圖片位置在.html文件夾的上一級中
<body>
<img src="../airetv_camera.png">
</body>顯示結果：
width屬性
指定圖片的寬度 單位px，em，cm，mm
height屬性
指定圖片的高度 單位px， em，cm，mm
代碼：以px爲單位
<body>
<img src="../airetv_camera.png" >
<img src="../airetv_camera.png" width="10px" height="10px">
<img src="../airetv_camera.png" width="100px" height="100px">
</body>顯示結果：
代碼：可以用百分比
<body>
<img src="../airetv_camera.png" width="50%" height="50%">
</body>顯示結果
百分比爲佔有父佈局的百分比
border屬性
指定圖標的邊框昆都，單位px，em，cm，mm
代碼：
<body>
<img src="../airetv_camera.png" width="10%" height="10%" border="4px">
</body>顯示結果
alt屬性
當王爺上的圖片架子完成後，鼠標移動上面去，會顯示這個圖片的屬性。
瀏覽器版本原因，無法演示。
如果圖形沒有下載或者加載失敗，會用文字來代替圖像顯示
代碼：
<body>
<img alt="cmera" src="./airetv_camera.png" width="10%" height="10%" border="4px">
</body>顯示結果：
搜索引擎可以通過這個屬性的文字來抓取圖片
