做自(zì)由與創造的先行者

HTML 圖像

HTML中文(wén)手冊

通過使用(yòng) HTML,可以在文(wén)檔中顯示圖像。

圖像标簽(<img>)和(hé)源屬性(Src)

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

<img> 是空(kōng)标簽,意思是說,它隻包含屬性,并且沒有閉合标簽。

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

定義圖像的語法是:

<img src="url" />

URL 指存儲圖像的位置。如果名爲 "boat.gif" 的圖像位于 www.w3school.com.cn 的 images 目錄中,那麽其 URL 爲 http://www.w3school.com.cn/images/boat.gif。

浏覽器将圖像顯示在文(wén)檔中圖像标簽出現(xiàn)的地方。如果你(nǐ)将圖像标簽置于兩個段落之間,那麽浏覽器會(huì)首先顯示第一個段落,然後顯示圖片,最後顯示第二段。

替換文(wén)本屬性(Alt)

alt 屬性用(yòng)來(lái)爲圖像定義一串預備的可替換的文(wén)本。替換文(wén)本屬性的值是用(yòng)戶定義的。

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

當浏覽器無法載入圖像時(shí),替換文(wén)本屬性可告訴讀者他(tā)們失去的信息。此時(shí),浏覽器将顯示這(zhè)個替代性的文(wén)本而不是圖像。爲頁面上(shàng)的圖像都加上(shàng)替換文(wén)本屬性是個好(hǎo)習慣,這(zhè)樣有助于更好(hǎo)的顯示信息,并且對(duì)于那些(xiē)使用(yòng)純文(wén)本浏覽器的人來(lái)說是非常有用(yòng)的。

基本的注意事(shì)項 - 有用(yòng)的提示:

假如某個 HTML 文(wén)件包含十個圖像,那麽爲了(le)正确顯示這(zhè)個頁面,需要加載 11 個文(wén)件。加載圖片是需要時(shí)間的,所以我們的建議(yì)是:慎用(yòng)圖片。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:HTML 表格
上(shàng)一篇:HTML 鏈接