通(tōng)過使用 HTML，可(kě)以在文檔中顯示圖像。
圖像标簽（<img>）和(hé)源屬性（Src）
在 HTML 中，圖像由 <img> 标簽定義。
<img> 是空标簽，意思是說，它隻包含屬性，并且沒有閉合标簽。
要(yào)在頁面上(shàng)顯示圖像，你需要(yào)使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地(dì)址。
定義圖像的語法是：
<img src="url" />
URL 指存儲圖像的位置。如(rú)果名為(wèi) "boat.gif" 的圖像位于 www.w3school.com.cn 的 images 目錄中，那(nà)麽其 URL 為(wèi) http://www.w3school.com.cn/images/boat.gif。
浏覽器将圖像顯示在文檔中圖像标簽出現的地(dì)方。如(rú)果你将圖像标簽置于兩個段落之間(jiān)，那(nà)麽浏覽器會首先顯示第一(yī)個段落，然後顯示圖片，最後顯示第二段。
替換文本屬性（Alt）
alt 屬性用來為(wèi)圖像定義一(yī)串預備的可(kě)替換的文本。替換文本屬性的值是用戶定義的。
<img src="boat.gif" alt="Big Boat">
當浏覽器無法載入圖像時(shí)，替換文本屬性可(kě)告訴讀者他(tā)們失去的信息。此時(shí)，浏覽器将顯示這(zhè)個替代性的文本而不是圖像。為(wèi)頁面上(shàng)的圖像都(dōu)加上(shàng)替換文本屬性是個好習慣，這(zhè)樣有助于更好的顯示信息，并且對于那(nà)些使用純文本浏覽器的人(rén)來說是非常有用的。
基本的注意事項 - 有用的提示：
假如(rú)某個 HTML 文件包含十個圖像，那(nà)麽為(wèi)了(le)正确顯示這(zhè)個頁面，需要(yào)加載 11 個文件。加載圖片是需要(yào)時(shí)間(jiān)的，所以我們的建議(yì)是：慎用圖片。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發