超鏈接標(biāo)簽（重點）
1、鏈接的語法格式：
<a href="跳轉(zhuǎn)目標(biāo)鏈接" target="目標(biāo)窗口的彈出方式"> 文本或圖像 </a>
<a>標(biāo)簽里的a是單詞anchor的的縮寫，意為:錨。
兩個屬性的作用如下：
| 屬性 | 作用 |
| href | 用于指定鏈接目標(biāo)的url地址，（必須屬性）當(dāng)為標(biāo)簽應(yīng)用href屬性時，它就具有了超鏈接的功能 |
| target | 用于指定鏈接頁面的打開方式和，其中_self(當(dāng)前頁面打開)為默認(rèn)值，_blank為在新窗口中打開方式。 |
href：要打開的鏈接
target：打開窗口的方式。 默認(rèn)值是_self 當(dāng)前窗口打開頁面，_blank新建窗口打開頁面。
將屬性寫在開始標(biāo)簽<a>里面，例：<a 各類屬性 >
將表述鏈接的文字放在開始標(biāo)簽和結(jié)束標(biāo)簽中間，例：<a> 描述?</a>
鏈接分類：
1、外部鏈接：例如 <a > 百度 </a>。
外部鏈接的href屬性要以：http:// 開頭
2、內(nèi)部鏈接：網(wǎng)站內(nèi)部頁面之間的相互鏈接，直接鏈接內(nèi)部頁面名稱即可。
內(nèi)部鏈接的href屬性不需要以：http:// 開頭?
3、空鏈接：如果當(dāng)沒有確定鏈接目標(biāo)時，即可使用空鏈接，<a href="#"> 首頁 </a>
4、下載鏈接：如果href里面地址是一個文件或壓縮包，會下載這個文件。
5、網(wǎng)頁元素鏈接：在網(wǎng)頁中的各種網(wǎng)頁元素，如文本、圖像、表格、音頻、視頻等都可以添加超鏈接。
6、錨點鏈接：點擊設(shè)定的鏈接，可以快速的定位到頁面中的某個位置
外部鏈接：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<>
<h4>以下標(biāo)簽為超鏈接標(biāo)簽</h4>
<a target="_self" > CSDN官網(wǎng) </a> <br />
<a target="_blank"> 嗶哩嗶哩官網(wǎng) </a>
</body>
</html>
?這就是超鏈接標(biāo)簽<a>,href是<a>標(biāo)簽必須要寫的屬性，寫了這個屬性才是超鏈接標(biāo)簽。
內(nèi)部鏈接：
例如：
<a href="index.html"> 首頁 </a>
直接href="html文件名即可"，內(nèi)部鏈接就是訪問自己創(chuàng)建的html文件，用于文件夾中的html文件相互跳轉(zhuǎn)
相同目錄的html文件直接輸入文件名即可，不同目錄的即輸入相對地址即可?
空鏈接：
<a href="#"> 首頁 </a>
空鏈接就是用 # 代替鏈接的位置，可以把 # 當(dāng)成占位符。
在開發(fā)時，沒有想好放什么鏈接時，就用 # 代替鏈接，這樣代碼就不會報錯有些地址沒有考慮好去往哪個頁面，可以先用 # 代替，等想好了使用哪個頁面之后再用鏈接替換 #
下載鏈接：
鏈接地址一般是 文件.exe 或者是 zip 等壓縮包形式
下載鏈接如果是這種格式就不會跳轉(zhuǎn)頁面，而是直接下載
<a href="../圖片存放/派大星 .zip">下載鏈接</a>
網(wǎng)頁元素鏈接：
網(wǎng)頁元素超鏈接就是用這些元素代替描述的文字，點擊這些圖像，音頻，視頻，都可以前往其他鏈接頁面。
<a href="各種鏈接"> 各種元素 </a>
網(wǎng)頁元素鏈接就是把元素放入<a> </a>里，讓這個元素有超鏈接的屬性
比如放置一個圖片，就可以讓這個圖片有超鏈接的屬性
點擊圖片，就可以前往另一個鏈接。
?
?將這個圖片賦予了超鏈接屬性，點擊這個圖片就會前往CSDN官網(wǎng)。
錨點鏈接:
1、在鏈接文本的href屬性中，設(shè)置屬性值為?#名字?的形式，如：<a href=" #two"> 第二集?</a>
2、找到目標(biāo)位置標(biāo)簽，里面添加一個屬性 id=剛才的名字，如：<h3 id="two"> 第二集介紹 <h3>
?點擊那些藍色的文字，即可跳轉(zhuǎn)到文章的相應(yīng)位置，這就是錨點鏈接的主要功能。
?文章很長時，建議使用錨點標(biāo)簽，方便閱讀，可以快速跳到文章的指定位置。
若要快速返回文章頂部，則可以在末尾加一個返回頂部的錨點鏈接，在文章頂部的開頭標(biāo)簽設(shè)置一個id="",這樣就可以跳轉(zhuǎn)到文章頂部了。
將文章的開頭標(biāo)簽設(shè)置id:
<h4 id="kaitou"> 文章開頭 </h4>
在文章的某個位置設(shè)置能快速跳轉(zhuǎn)到開頭的標(biāo)簽:
<a href="#kaitou"> 跳到文章頂部 </a>這樣就能快速的回到文章頂部。文章來源：http://www.zghlxwxcb.cn/news/detail-405677.html
以上就是超鏈接的六種使用方式。文章來源地址http://www.zghlxwxcb.cn/news/detail-405677.html
到了這里，關(guān)于Web基礎(chǔ) HTML標(biāo)簽 六種超鏈接標(biāo)簽的使用方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[HTML]Web前端開發(fā)技術(shù)16（HTML5、CSS3、JavaScript ）表格課后練習(xí)網(wǎng)頁標(biāo)題：域標(biāo)簽的使用網(wǎng)頁標(biāo)題：美家裝飾聯(lián)系我們網(wǎng)頁標(biāo)題：登錄界面網(wǎng)頁標(biāo)題問卷調(diào)查——喵喵畫網(wǎng)頁](https://imgs.yssmx.com/Uploads/2024/01/820808-1.png)
