HTML <a>用法及代碼示例

HTML中的<a>標記(anchor標記)用於在網頁上創建超鏈接。此超鏈接用於將網頁鏈接到其他網頁。它可以提供絕對參考或相對參考作為其“href”值。

用法:

<a href = "link"> Link Name </a>

屬性值：錨標記包含以下列出的許多屬性：

字符集：此屬性用於指定character-set。 HTML 5不支持它。
下載：它用於指定用戶單擊時要下載的目標鏈接。
hreflang：用於指定鏈接文檔的語言。
HTML - <link> media屬性用法及代碼示例：用於指定鏈接的媒體。
HTML - <area> coords屬性用法及代碼示例用於指定鏈接的坐標。 HTML 5不支持它。
HTML - <input> name屬性用法及代碼示例：用於指定錨名稱。 HTML 5不支持它，您可以改用global id屬性。
rel：用於指定當前文檔和鏈接文檔之間的關係。
HTML - <area> shape屬性用法及代碼示例：用於指定鏈接的形狀。 HTML 5不支持它。
類型：用於指定鏈接的類型。
目標：它指定目標鏈接。
轉：它用於指定鏈接文檔和當前文檔之間的關係。 HTML 5不支持它。

範例1：

html

<!DOCTYPE html>
<html>
  <body>
    <h1>
      Welcome to
      <a href="https://www.geeksforgeeks.org/"> 
        GeeksforGeeks 
      </a>
    </h1>
    <h2>This is anchor Tag</h2>
  </body>
</html>

輸出：

範例2：

html

<!DOCTYPE html>
<html>
  <body>
     
<p>Click on the image to open web page.</p>
 
 
    <!-- anchor tag starts here -->
    <a href="https://www.geeksforgeeks.org/">
      <img
        src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg1-11.png"
        width="300"
        height="250"
      />
    </a>
    <!-- anchor tag ends here -->
  </body>
</html>

輸出：

支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自shivangsharma15大神的英文原創作品 HTML <a> Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。