整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
超鏈接可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像，您可以點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。
當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁中的某個(gè)鏈接上時(shí)，箭頭會(huì)變?yōu)橐恢恍∈帧?/p>
我們通過使用 <a> 標(biāo)簽在 HTML 中創(chuàng)建鏈接。
有兩種使用 <a> 標(biāo)簽的方式：
鏈接的 HTML 代碼很簡單。它類似這樣：
<a href="url">Link text</a>
href 屬性規(guī)定鏈接的目標(biāo)。
開始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級(jí)鏈接來顯示。
實(shí)例
<a >百度</a>
上面這行代碼顯示為：百度
點(diǎn)擊這個(gè)超鏈接會(huì)把用戶帶到 百度 的首頁。
提示："鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
使用 Target 屬性，你可以定義被鏈接的文檔在何處顯示。
下面的這行會(huì)在新窗口打開文檔：
<a target="_blank">百度</a>
name 屬性規(guī)定錨（anchor）的名稱。
您可以使用 name 屬性創(chuàng)建 HTML 頁面中的書簽。
書簽不會(huì)以任何特殊方式顯示，它對(duì)讀者是不可見的。
當(dāng)使用命名錨（named anchors）時(shí)，我們可以創(chuàng)建直接跳至該命名錨（比如頁面中某個(gè)小節(jié)）的鏈接，這樣使用者就無需不停地滾動(dòng)頁面來尋找他們需要的信息了。
命名錨的語法：
<a name="label">錨（顯示在頁面上的文本）</a>
提示：錨的名稱可以是任何你喜歡的名字。
提示：您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。
實(shí)例
首先，我們?cè)?HTML 文檔中對(duì)錨進(jìn)行命名（創(chuàng)建一個(gè)書簽）：
<a name="tips">基本的注意事項(xiàng) - 有用的提示</a>
然后，我們?cè)谕粋€(gè)文檔中創(chuàng)建指向該錨的鏈接：
<a href="#tips">有用的提示</a>
您也可以在其他頁面中創(chuàng)建指向該錨的鏈接：
<a href="url#tips">有用的提示</a>
本例演示如何在新窗口打開一個(gè)頁面，這樣的話訪問者就無需離開你的站點(diǎn)了。
<html> <body> <a target="_blank">百度</a> <p>如果把鏈接的 target 屬性設(shè)置為 "_blank"，該鏈接會(huì)在新窗口中打開。</p> </body> </html> ?
HTML基礎(chǔ)教程：超鏈接的使用
作用：可以讓我們從一個(gè)頁面跳轉(zhuǎn)到其他頁面，或者是當(dāng)前頁面的其他位置
使用方法：使用 a標(biāo)簽 來定義超鏈接
a標(biāo)簽 是行內(nèi)元素 、a標(biāo)簽 可以嵌套除它自身的任何元素
1、屬性：href 指定跳轉(zhuǎn)的目標(biāo)的路徑
(1) 可以跳轉(zhuǎn)外部網(wǎng)站的一個(gè)地址 也可以跳轉(zhuǎn)內(nèi)部頁面的地址
<a href="index.jsp" target="_blank">超鏈接</a>
<a href="https://www.baidu.com" target="_self">
<div class="aa">
超鏈接
</div>
</a>(2) 可以直接將超鏈接的href的屬性設(shè)置為 '#'
這樣點(diǎn)擊超鏈接以后頁面不會(huì)發(fā)生跳轉(zhuǎn) 而是當(dāng)前頁面的頂部位置
<a id="bottom" href="#">回到頂部</a>
(3) 跳轉(zhuǎn)到指定位置 ，只需要將href屬性設(shè)置為 #目標(biāo)元素的id屬性值 (錨點(diǎn))
<a href="#bottom">去底部頂部</a>
2、屬性：targer 用來指定超鏈接打開的位置
(1). _self :當(dāng)前頁打開（默認(rèn)值）
<a href="https://www.baidu.com" target="_self">當(dāng)前頁面<a>
(2). _blank :新建頁面打開
<a href="index.jsp" target="_blank">新頁面打開</a>
全部a標(biāo)簽屬性
鏈接a標(biāo)簽是網(wǎng)頁最常用的一個(gè)元素，如何能夠把超鏈接的樣式外觀控制得完美也是一項(xiàng)前端必備技能。
目標(biāo)
在所有瀏覽器里，超鏈接的樣式幾乎都是一樣，尤其是在新聞?lì)惖木W(wǎng)站里，更是如此。
新聞?lì)惥W(wǎng)站
幾乎都是藍(lán)色的文字，點(diǎn)擊的瞬間變紅色，瀏覽過的超鏈接是紫色。因?yàn)檫@就是官方默認(rèn)的樣式。
官方樣式
偽類就是不同狀態(tài)的名字。
語法：標(biāo)簽:偽類值
偽類值
link就是默認(rèn)樣式，在未被訪問時(shí)的樣式
link
visited是訪問后的樣式
visited
hover是鼠標(biāo)經(jīng)過顯示的樣式
hover
active是鼠標(biāo)單擊激活時(shí)的樣式
active
hover偽類不只限于a標(biāo)簽，幾乎所有的標(biāo)簽都可以用，是一個(gè)非常強(qiáng)大的偽類！
只要是需要鼠標(biāo)經(jīng)過，做出樣式改變的，就一定是hover偽類。
網(wǎng)上很多的需要鼠標(biāo)經(jīng)過做動(dòng)畫效果的，就是靠hover偽類。
動(dòng)畫效果
思維導(dǎo)圖
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
