溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html如何定義圖像及其圖片大小尺寸

發(fā)布時間：2020-09-26 14:45:57 來源：億速云 閱讀：413 作者：小新 欄目：web開發(fā)

小編給大家分享一下html如何定義圖像及其圖片大小尺寸，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

HTML定義圖像的具體代碼示例如下：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html圖像標(biāo)簽使用示例</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如何定義圖像及其圖片大小尺寸

以上就是如何用HTML使得網(wǎng)頁中顯示圖像的簡單示例。

下面再給大家列舉一個從服務(wù)器上獲取圖片然后顯示的示例：

<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">

效果如下圖：

html如何定義圖像及其圖片大小尺寸

通過上述描述，大家應(yīng)該都看到了一個重要的標(biāo)簽。

<img>標(biāo)簽：

在 HTML 中，圖像由 <img> 標(biāo)簽定義，是一個空標(biāo)簽，它只包含屬性，并且沒有閉合標(biāo)簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。

以上是html如何定義圖像及其圖片大小尺寸的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手