首頁 > html教程 > html基礎教程 閱讀:0更新時間:2020-05-02 23:27:43

HTML 圖像

< 上一頁HTML 鏈接 HTML 表格 下一頁 >

通過使用 html,可以在文檔中顯示圖像。

圖像標簽(<img>)和源屬性(Src)

在 HTML 中,圖像由 <img> 標簽定義。

<img> 是空標簽,意思是說,它只包含屬性,并且沒有閉合標簽。

要在頁面上顯示圖像,你需要使用源屬性(src)。src 指 "source"。源屬性的值是圖像的 URL 地址。

定義圖像的語法是:

<img src="url" />

URL 指存儲圖像的位置。如果名為 "boat.gif" 的圖像位于 http://www.vocabbomb.com/ 的 images 目錄中,那么其 URL 為 /d/file/202005/vhspo313x0j3.gif。

瀏覽器將圖像顯示在文檔中圖像標簽出現的地方。如果你將圖像標簽置于兩個段落之間,那么瀏覽器會首先顯示第一個段落,然后顯示圖片,最后顯示第二段。

替換文本屬性(Alt)

alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。

<img src="boat.gif" alt="Big Boat">

在瀏覽器無法載入圖像時,替換文本屬性告訴讀者她們失去的信息。此時,瀏覽器將顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣,這樣有助于更好的顯示信息,并且對于那些使用純文本瀏覽器的人來說是非常有用的。

基本的注意事項 - 有用的提示:

假如某個 HTML 文件包含十個圖像,那么為了正確顯示這個頁面,需要加載 11 個文件。加載圖片是需要時間的,所以我們的建議是:慎用圖片

圖像標簽

標簽描述
<img>定義圖像。
<map>定義圖像地圖。
<area>定義圖像地圖中的可點擊區域。
< 上一頁HTML 鏈接 HTML 表格 下一頁 >

beylze編程學院,一個分享編程知識和seo優化知識的網站。跟著beylze一起學習,每天都有進步。

通俗易懂,深入淺出,一篇文章只講一個知識點。

文章不深奧,不需要鉆研,在公交、在地鐵、在廁所都可以閱讀,隨時隨地漲姿勢。

文章不涉及代碼,不燒腦細胞,人人都可以學習。

當你決定關注beylze(公眾號:beylze),你已然超越了90%的其他從業者!

優秀教程

国产亚洲欧美日韩