html怎麼設定圖片

html設定圖片的方法：先建立一個HTML範例檔案；然後透過「」方法在html頁面插入一幅圖片即可。

本文操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦

html設定圖片實例

#在下面的例子中，我們在頁面中插入一幅W3School 的工程師在上海鮮花港拍攝的鬱金香照片：

<img src="/static/imghwm/default1.png"  data-src="/i/eg_tulip.jpg"  class="lazy"    alt="上海鲜花港 - 郁金香" />

以上程式碼的效果：

iHTML 標籤介紹

#img 元素嵌入一幅圖片到網頁中。

請注意，從技術上講， 標籤並不會在網頁中插入圖像，而是從網頁上連結圖片。 標籤創建的是被引用圖像的佔位空間。

標籤有兩個必要的屬性：src 屬性 和 alt 屬性。

HTML 與 XHTML 之間的差異

在 HTML 中， 標籤沒有結束標籤。

在 XHTML 中， 標籤必須正確地關閉。

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

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

推薦學習：《HTML影片教學》《css影片教學》

以上是html怎麼設定圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！