HTML定義圖像的具體代碼示例如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html圖像標簽使用示例</title> </head><body><p>一個圖像:<img src="/upload/course/000/000/010/58046a2b7e46d104.gif" alt="Smiley face" width="32" height="32"></p><p>一個動圖:<img src="/upload/course/000/000/010/58046a41c6e3c115.gif" alt="Computer man" width="48" height="48"></p><p>注意HTML定義圖像和插入動圖的語法是一樣的。</p></body></html>
效果如下圖：
以上就是如何用HTML使得網頁中顯示圖像的簡單示例。
下面再給大家列舉一個從服務器上獲取圖片然后顯示的示例：
<p>一個來自文件夾中的圖像:</p><img src="/upload/course/000/000/010/58046b14a8b9f738.gif" alt="Google Chrome" width="33" height="32"><p>一個來自 的圖像:</p><img src="/upload/course/000/000/010/58046c29b47ef575.png" alt="VeVb.com" width="336" height="69">
效果如下圖：
通過上述描述，大家應該都看到了一個重要的標簽。
<img>標簽：
在 HTML 中，圖像由 <img> 標簽定義，是一個空標簽，它只包含屬性，并且沒有閉合標簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
這里大家應該也注意到了width和height屬性，這兩個屬性分別代表圖片的寬度和高度。那么掌握這兩個屬性就可以幫助新手小白解決如何用HTML定義圖片大小即控制HTML代碼顯示圖片尺寸大小的問題。
綜上所述，希望對大家學習掌握HTML圖像標簽使用和html定義圖片大小的方法有所幫助。
以上就是html怎么定義圖像及其圖片大小尺寸？的詳細內容，更多請關注 其它相關文章！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
新聞熱點
疑難解答
