超鏈接標簽
在HTML中，<a>標簽用於定義超鏈接，作用是從一個頁面鏈接到另一個頁面。
基本語法
<a href="跳轉目標" target="目標的窗口的彈出方式"> 文本或圖像</a>
- 單詞 anchor [ ˈæŋkər ] 的縮寫，意為：錨。
- 兩個屬性如下：
| 屬性 | 作用 |
|---|---|
| href | 用於指定鏈接目標的url地址，（必須屬性）當為標簽應用href屬性時，它就具有了超鏈接的功能 |
| target | 用於指定鏈接頁面的打開方式，其中_self為默認值，_blank為在新窗口中打開方式 |
鏈接的分類
- 外部鏈接：例如
<a href="http://www.baidu.com"> 百度 </a> - 內部鏈接：網站內部頁面之間的相互鏈接。直接鏈接內部網頁名稱即可，例如
<a herf="index.html">首頁</a> - 空連接：當網頁沒有明確鏈接目標時，例如
<a herf="#">首頁</a> - 下載鏈接：如果 href 里面地址是一個文件或壓縮包，會下載這個文件
- 網頁元素鏈接：在網頁中的各種網頁元素，如文本、圖像、表格、音頻、視頻等都可以添加超鏈接
- 錨點鏈接：當我們點擊鏈接，可以快速定位到頁面的某個位置
- 在鏈接文本的 href 屬性中，設置屬性值為
#名字的形式，如 ：<a href="#two">第二集</a> - 找到目標位置標簽，里面添加一個 id 屬性 = 剛才的名字，如：
<h3 id="two">第二集介紹</h3>
- 在鏈接文本的 href 屬性中，設置屬性值為
示例
<!DOCTYPE html>
<html lang="en"
<head>
<meta charset="UTF-8">
<title>超鏈接標簽</title>
</head>
<body>
<h4>1.外部鏈接</h4>
<a href="https://www.cnblogs.com/pure3417/"> 點我</a>
<!-- target 打開窗口的方式 不寫默認的值是 _self 當前窗口打開頁面 _blank 新窗口打開頁面 -->
<a href="https://www.cnblogs.com/pure3417/" target="_blank">點我</a>
<h4>2.內部鏈接: 網站內部頁面之間的相互鏈接</h4>
<a herf="index.html">首頁</a>
<h4>3.空鏈接:#</h4>
<a href="#">公司地址</a>
<h4>4.下載鏈接: 地址鏈接的是 文件 .exe 或者是 zip 等壓縮包形式</h4>
<a href="img.zip">下載文件</a>
<h4>5.網頁元素的鏈接</h4>
<a href="http://www.baidu.com"><img src="img.jpg"/></a>
</body>
</html>
錨點鏈接示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>錨點鏈接</title>
</head>
<body>
<h2 id="top">目錄</h2>
1 早年經歷<br />
2 演藝經歷<br />
3 <a href="#live">個人生活</a><br />
4 <a href="#zuopin">主要作品</a><br />
5 社會活動<br />
6 獲獎記錄<br />
7 人物評價<br />
<h3>早年經歷</h3>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<h3>演藝經歷</h3>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
<h3 id="live">個人生活</h3>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
<h3 id="zuopin">主要作品</h3>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
略。。。
<br>
<a href="#top">返回頂部</a>
</body>
</html>