HTML如何使用超鏈接和錨鏈接

小編給大家分享一下HTML如何使用超鏈接和錨鏈接，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

圖像標(biāo)簽（<img>）和源屬性（Src）
    在 HTML 中，圖像由 <img> 標(biāo)簽定義。
    <img> 是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。
    要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
    定義圖像的語法是：<img src="url" />
    URL 指存儲圖像的位置。如果名為 "boat.gif" 的圖像位于根目錄的 images 目錄中，那么其 URL 為 https://cache.yisu.com/upload/information/20220118/472/126300.html。
    瀏覽器將圖像顯示在文檔中圖像標(biāo)簽出現(xiàn)的地方。如果你將圖像標(biāo)簽置于兩個段落之間，那么瀏覽器會首先顯示第一個段落，然后顯示圖片，最后顯示第二段。

替換文本屬性（Alt）
    alt 屬性用來為圖像定義一串預(yù)備的可替換的文本。替換文本屬性的值是用戶定義的。
    如：<img src="boat.gif" alt="Big Boat">
    在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。
    為頁面上的圖像都加上替換文本屬性是個好習(xí)慣，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的。

實(shí)例

<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 標(biāo)簽的 "height" 和 "width" 屬性的值，您可以放大或縮小圖像。

圖像 標(biāo)簽及描述
    <img>：定義圖像。
    <map>：定義圖像地圖。
    <area>：定義圖像地圖中的可點(diǎn)擊區(qū)域。

以上是“HTML如何使用超鏈接和錨鏈接”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！