溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下html如何定義圖像及其圖片大小尺寸，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
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="php.cn" width="336" height="69">
效果如下圖：
通過上述描述，大家應該都看到了一個重要的標簽。
<img>標簽：
在 HTML 中，圖像由 <img> 標簽定義，是一個空標簽，它只包含屬性，并且沒有閉合標簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
以上是html如何定義圖像及其圖片大小尺寸的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
