整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
天我們來看下html中<a></a>的特點(diǎn)與功能
一 .a標(biāo)簽是超鏈接標(biāo)簽，首先我們說一下它的特點(diǎn)：
1.在網(wǎng)頁(yè)中默認(rèn)會(huì)有下劃線
2.不會(huì)繼承父級(jí)的顏色樣式
效果圖
詳細(xì)代碼
其中，自帶的下劃線不美觀，但我們可以用以下代碼解決，ctrl+s保存后，下劃線就沒有了
去掉下劃線
二 .下面我們來看看a標(biāo)簽的幾個(gè)功能：
1.跳轉(zhuǎn)頁(yè)面
href 屬性要跳轉(zhuǎn)頁(yè)面的地址（沒地址的情況下可以寫一個(gè)#）,即可以給網(wǎng)絡(luò)的地址也可以給本地的地址
target 屬性
值：_blank在新頁(yè)面打開
_self 在本頁(yè)面打開（默認(rèn)的）
跳轉(zhuǎn)頁(yè)面功能
2.錨點(diǎn)
作用：網(wǎng)頁(yè)太長(zhǎng)時(shí)，通過點(diǎn)擊頁(yè)面某一個(gè)導(dǎo)航，頁(yè)面直接到達(dá)該內(nèi)容，網(wǎng)頁(yè)還是該網(wǎng)頁(yè)，只是向下自己滑動(dòng)。
實(shí)現(xiàn)方法：在 href 的值里寫上#name,name對(duì)應(yīng)id的值
下面是一個(gè)簡(jiǎn)單例子，點(diǎn)擊顏色就會(huì)跳轉(zhuǎn)到相應(yīng)顏色區(qū)域
錨點(diǎn)例子
3.下載
作用：實(shí)現(xiàn)網(wǎng)頁(yè)的下載功能
實(shí)現(xiàn)方法：在 href 里寫上文件的地址就可以了
注意：如果你要下載的文件瀏覽器能夠讀出來，那它就不會(huì)被下載，而是會(huì)被直接打開。如果就想讓瀏覽器下載所有文件，那就在a標(biāo)簽里添加一個(gè)屬性download（ h5 新增屬性，不兼容IE低版本），它的值寫上文件的名字加后綴名
下載功能
三.此外，介紹一下a標(biāo)簽的顏色，給a標(biāo)簽換顏色也是會(huì)經(jīng)常用到的，但是怎么改呢？
這里用到了“偽類”，偽類：針對(duì)元素的某種狀態(tài)添加的不同樣式
a :link 未訪問鏈接的（顏色）狀態(tài)
:visited訪問過的鏈接的（顏色）狀態(tài)
:hover鼠標(biāo)移入（懸停）（顏色）狀態(tài)
:active鼠標(biāo)按下不動(dòng)時(shí)候的（顏色）狀態(tài)
改變a標(biāo)簽顏色
今天的a標(biāo)簽就介紹到這里，你學(xué)到了嗎？
家好，我是江湖哥，今天分享html教程入門級(jí)的部分,大神請(qǐng)繞道，小白請(qǐng)點(diǎn)贊，哈哈，言歸正傳：
知識(shí)要點(diǎn)：
1. a標(biāo)簽的概念
2. a標(biāo)簽屬性
a標(biāo)簽的作用：就是用于控制頁(yè)面與頁(yè)面之間的跳轉(zhuǎn)的
a標(biāo)簽的格式：<a href="指定要跳轉(zhuǎn)的目標(biāo)界面的鏈接">需要展示給用戶看見的內(nèi)容</a>
<a href="https://www.toutiao.com/">江湖哥博客</a>a標(biāo)簽中有一個(gè)target屬性，這個(gè)屬性的作用就是專門用于控制如何跳轉(zhuǎn)
值
描述
_blank
于在新的選項(xiàng)卡中跳轉(zhuǎn)，也就是新建頁(yè)面跳轉(zhuǎn)
_self
默認(rèn)。在當(dāng)前選項(xiàng)卡中打開被鏈接文檔，也就是不新建頁(yè)面跳轉(zhuǎn)
_parent
在父框架集中打開被鏈接文檔。
_top
在整個(gè)窗口中打開被鏈接文檔。
framename
在指定的框架中打開被鏈接文檔。
<a href="https://www.toutiao.com/">可見內(nèi)容</a>
<a href="https://www.toutiao.com/" target=”_blank”>江湖可見博客</a>a標(biāo)簽中還有一個(gè)屬性，叫做title，a標(biāo)簽中的title和img標(biāo)簽中title一樣，都是用來控制鼠標(biāo)懸停時(shí)顯示的提示文本內(nèi)容的
<a href="https://www.toutiao.com/" target="_blank" title="點(diǎn)擊會(huì)跳轉(zhuǎn)到可見博客首頁(yè)">可見</a>設(shè)置 target 屬性時(shí)， top 與 parent 的打開方式十分類似，需仔細(xì)區(qū)分。
比如網(wǎng) A 中鑲嵌了 iframe 網(wǎng)頁(yè) B，網(wǎng)頁(yè) B 又鑲嵌了 iframe 網(wǎng)頁(yè)C。
· 如果網(wǎng)頁(yè) C 中連接設(shè)置 target=_parent，則跳轉(zhuǎn)到網(wǎng)頁(yè) B 去掉直接在 A 中嵌入網(wǎng)頁(yè) C 中鏈接頁(yè)面。
· 如果網(wǎng)頁(yè) C 中 target=_top ，則直接跳出所有 iframe 框架，直接轉(zhuǎn)向 C 中鏈接頁(yè)面
1.a標(biāo)簽不僅可以讓文字可以點(diǎn)擊，還可以讓圖片也能夠被點(diǎn)擊。
2.一個(gè)a標(biāo)簽必須有一個(gè)href屬性，否則a標(biāo)簽不知道要跳轉(zhuǎn)到什么地方
3.如果通過a標(biāo)簽的href屬性指定一個(gè)URL地址，那么必須在地址前面加上http://或https://。
4.a標(biāo)簽的href屬性除了可以綁定一個(gè)網(wǎng)絡(luò)地址以外，還可以指定一個(gè)本地的地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a標(biāo)簽的使用</title>
</head>
<body>
<a name="top"></a>
<a href="https://www.toutiao.com/">a是控制界面也頁(yè)面的跳轉(zhuǎn)</a><br><br>
<a href="https://www.toutiao.com/" target="_blank">跳轉(zhuǎn)到新窗口打開</a><br><br>
<a href="#name1">錨點(diǎn)跳轉(zhuǎn)1</a>&nssp;&nssp;&nssp;<a href="#name2">錨點(diǎn)跳轉(zhuǎn)2</a>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
這是一個(gè)錨點(diǎn)跳轉(zhuǎn)文字1 <a name="name1"></a> <a href="#top">返回頂部</a>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
這是一個(gè)錨點(diǎn)跳轉(zhuǎn)文字2 <a name="name2"></a> <a href="#top">返回頂部</a>
</body>
</html>關(guān)注我，點(diǎn)擊下面鏈接，即可看視頻
覽器支持
所有主流瀏覽器都支持 <a> 標(biāo)簽。
標(biāo)簽定義及使用說明
<a> 標(biāo)簽定義超鏈接，用于從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面。
<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。
在所有瀏覽器中，鏈接的默認(rèn)外觀如下：
未被訪問的鏈接帶有下劃線而且是藍(lán)色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動(dòng)鏈接帶有下劃線而且是紅色的
提示和注釋
提示：如果沒有使用 href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示：通常在當(dāng)前瀏覽器窗口中顯示被鏈接頁(yè)面，除非規(guī)定了其他 target。
提示：請(qǐng)使用 CSS 來改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中，<a> 標(biāo)簽既可以是超鏈接，也可以是錨。在 HTML5 中，<a> 標(biāo)簽是超鏈接，但是假如沒有 href 屬性，它僅僅是超鏈接的一個(gè)占位符。
HTML5 有一些新的屬性，同時(shí)不再支持一些 HTML 4.01 的屬性。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。規(guī)定目標(biāo) URL 的字符編碼。 |
| coords | coordinates | HTML5 不支持。規(guī)定鏈接的坐標(biāo)。 |
| downloadNew | filename | 指定下載鏈接 |
| href | URL | 規(guī)定鏈接的目標(biāo) URL。 |
| hreflang | language_code | 規(guī)定目標(biāo) URL 的基準(zhǔn)語(yǔ)言。僅在 href 屬性存在時(shí)使用。 |
| mediaNew | media_query | 規(guī)定目標(biāo) URL 的媒介類型。默認(rèn)值：all。僅在 href 屬性存在時(shí)使用。 |
| name | section_name | HTML5 不支持。規(guī)定錨的名稱。 |
| rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。 |
| rev | text | HTML5 不支持。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。 |
| shape | defaultrectcirclepoly | HTML5 不支持。規(guī)定鏈接的形狀。 |
| target | _blank_parent_self_topframename | 規(guī)定在何處打開目標(biāo) URL。僅在 href 屬性存在時(shí)使用。 |
| typeNew | MIME_type | 規(guī)定目標(biāo) URL 的 MIME 類型。僅在 href 屬性存在時(shí)使用。注：MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<a> 標(biāo)簽支持 HTML 的事件屬性。
創(chuàng)建超級(jí)鏈接
本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
在新的瀏覽器窗口打開鏈接
本例演示如何在新窗口打開一個(gè)頁(yè)面，這樣的話訪問者就無(wú)需離開您的站點(diǎn)了。
創(chuàng)建電子郵件鏈接
本例演示如何鏈接到一個(gè)郵件。（本例在安裝郵件客戶端程序后才能工作。）
創(chuàng)建電子郵件鏈接 2
本例演示更加復(fù)雜的郵件鏈接。
使用錨跳轉(zhuǎn)到同一個(gè)頁(yè)面的不同位置
本例演示如何使用錨的 id 屬性跳轉(zhuǎn)到頁(yè)面的不同位置（ HTML5 不支持 name 屬性）
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
