html如何設(shè)置圖片

發(fā)布時(shí)間：2021-04-01 10:57:28 來源：億速云閱讀：168 作者：小新欄目：web開發(fā)

這篇文章主要介紹了html如何設(shè)置圖片，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

html設(shè)置圖片的方法：首先創(chuàng)建一個(gè)HTML示例文件；然后通過“<img src="/i/eg_tulip.jpg" alt="" />”方法在html頁(yè)面中插入一幅圖片即可。

html設(shè)置圖片實(shí)例

在下面的例子中，我們?cè)陧?yè)面中插入一幅 W3School 的工程師在上海鮮花港拍攝的郁金香照片：

<img src="/i/eg_tulip.jpg"  alt="上海鮮花港 - 郁金香" />

以上代碼的效果：

html如何設(shè)置圖片

iHTML <img> 標(biāo)簽介紹

img 元素向網(wǎng)頁(yè)中嵌入一幅圖像。

請(qǐng)注意，從技術(shù)上講，<img> 標(biāo)簽并不會(huì)在網(wǎng)頁(yè)中插入圖像，而是從網(wǎng)頁(yè)上鏈接圖像。<img> 標(biāo)簽創(chuàng)建的是被引用圖像的占位空間。

<img> 標(biāo)簽有兩個(gè)必需的屬性：src 屬性和 alt 屬性。

HTML 與 XHTML 之間的差異

在 HTML 中，<img> 標(biāo)簽沒有結(jié)束標(biāo)簽。

在 XHTML 中，<img> 標(biāo)簽必須被正確地關(guān)閉。

在 HTML 4.01 中，不推薦使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 屬性。

在 XHTML 1.0 Strict DTD 中，不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 屬性。

html如何設(shè)置圖片

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html如何設(shè)置圖片”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

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

猜你喜歡