溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下HTML如何使用超鏈接和錨鏈接，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
圖像標簽（<img>）和源屬性（Src）
在 HTML 中，圖像由 <img> 標簽定義。
<img> 是空標簽，意思是說，它只包含屬性，并且沒有閉合標簽。
要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
定義圖像的語法是：<img src="url" />
URL 指存儲圖像的位置。如果名為 "boat.gif" 的圖像位于根目錄的 images 目錄中，那么其 URL 為 https://cache.yisu.com/upload/information/20220118/472/126300.html。
瀏覽器將圖像顯示在文檔中圖像標簽出現的地方。如果你將圖像標簽置于兩個段落之間，那么瀏覽器會首先顯示第一個段落，然后顯示圖片，最后顯示第二段。
替換文本屬性（Alt）
alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。
如：<img src="boat.gif" alt="Big Boat">
在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。
為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的。
實例
<img src="../images/mouse.jpg" width="50" height="50"> <br /> <img src="../images/mouse.jpg" width="100" height="100"> <br /> <img src="../images/mouse.jpg" width="200" height="200">
注釋：通過改變 img 標簽的 "height" 和 "width" 屬性的值，您可以放大或縮小圖像。
圖像 標簽及描述
<img>：定義圖像。
<map>：定義圖像地圖。
<area>：定義圖像地圖中的可點擊區域。
以上是“HTML如何使用超鏈接和錨鏈接”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
