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