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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。