精品免费在线观看-精品欧美-精品欧美成人bd高清在线观看-精品欧美高清不卡在线-精品欧美日韩一区二区

17站長網(wǎng)

17站長網(wǎng) 首頁 編程教程 Html教程 查看內(nèi)容

HTML 鏈接

html 使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連。幾乎可以在所有的網(wǎng)頁中找到鏈接。點擊鏈接可以從一張頁面跳轉(zhuǎn)到另一張頁面。  

超級鏈接范例

<a href="https://www.F2er.ccom">這是一個鏈接,使用了 href 屬性定義鏈接地址</a>

html 超鏈接

HTML 使用標(biāo)簽 <a> 來設(shè)置超文本鏈接

超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,而鏈接指向的內(nèi)容可以是新的文檔或者當(dāng)前文檔中的某個部分。

當(dāng)我們把鼠標(biāo)指針移動到網(wǎng)頁中的某個鏈接上時,箭頭會變?yōu)橐恢恍∈帧?/p>

在標(biāo)簽 <a> 中使用了 href 屬性來描述鏈接的地址

默認情況下,鏈接將以以下形式展現(xiàn)在 HTML 文檔中:

  • 一個未訪問過的鏈接顯示為藍色字體并帶有下劃線

  • 訪問過的鏈接顯示為紫色并帶有下劃線

  • 點擊鏈接時,鏈接顯示為紅色并帶有下劃線

注意:如果為這些超鏈接設(shè)置了 css 樣式,展示樣式會根據(jù) css 的設(shè)定而顯示。

HTML 鏈接語法

鏈接的 HTML 代碼很簡單。它類似這樣:

<a href=" *url* " title=" *描述文本* "> *鏈接文本* </a>
  • href 屬性描述了鏈接的目標(biāo)。

  • title 屬性描述了鏈接目標(biāo)的簡短說明。title 屬性是非必須的,但我們建議你定義該屬性,因為它有利于 SEO

范例

<a href="https://www.F2er.com/">訪問前端之家</a>

上面這行代碼顯示為:

點擊這個超鏈接會把用戶帶到前端之家的首頁,也就是我們網(wǎng)站的首頁。

提示: "鏈接文本" 不一定必須是文本,也可以是圖片或其他 HTML 元素。

HTML 鏈接 - target 屬性

target 屬性可以定義目標(biāo)鏈接以何種方式打開。

  • _self target 屬性的默認值,也就是當(dāng)前窗口打開

  • _blank 會讓目標(biāo)鏈接在新的窗口打開

范例

這個鏈接會在新的窗口打開文檔

<a href="https://www.F2er.com/" target="_blank">訪問前端之家!</a>

而這個鏈接則會在當(dāng)前窗口打開文檔

<a href="https://www.F2er.com/" target="_self">在當(dāng)前窗口訪問前端之家!</a>

HTML 鏈接 - id 屬性

id 在 HTML 中的作用是給一個單元(元素,標(biāo)簽)一個獨一無二的標(biāo)識或標(biāo)記,讓瀏覽器在分析處理網(wǎng)頁時找到id所在的地方。

如果你想?yún)^(qū)別不同的 <a> 元素,可以給它們加 id

提示: 書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對于讀者來說是隱藏的。

范例

在 HTML 文檔中插入 id:

<a id="tips">有用的提示部分</a>

在 HTML 文檔中創(chuàng)建一個鏈接到 "有用的提示部分(id="tips")"

<a href="#tips" >訪問有用的提示部分</a>

或者,從另一個頁面創(chuàng)建一個鏈接到 "有用的提示部分(id="tips")":

<a href="https://www.F2er.com/index.html#tips">訪問有用的提示部分</a>

擴展資料:

1、baihtml里面使用<a> 標(biāo)簽定義超鏈接,用于從du一張頁面鏈接到zhi另一張頁面。dao
2、html里面使用<a> 元素最重要的屬性是 href 屬性,它指示鏈接的目標(biāo)。
3、如果不使用 href 屬性,則不可以使用如下屬性:download,hreflang,media,rel,target 以及 type 屬性。
4、被鏈接頁面通常顯示在當(dāng)前瀏覽器窗口中,除非您規(guī)定了另一個目標(biāo)(target 屬性)。
5、html里面使用請使用 CSS 來設(shè)置鏈接的樣式。
6、在 HTML 4.01 中,<a> 標(biāo)簽可以是超鏈接或錨。在 HTML5 中,<a> 標(biāo)簽始終是超鏈接,但是如果未設(shè)置 href 屬性,則只是超鏈接的占位符。
7、HTML5 提供了一些新屬性,同時不再支持一些 HTML 4.01 屬性。

返回頂部
主站蜘蛛池模板: 亚洲aaa视频 | 麻豆igao在线视频 | 精品国产一区二区三区久久 | 亚洲精品无码不卡 | 国产成人成人一区二区 | 欧美成人影院在线观看三级 | 亚洲精品在线免费观看视频 | 精品欧美一区二区三区 | 伊人丁香 | 最近最新中文字幕在线第一页 | 欧美一级级毛片 | 麻豆一区| 中文字幕永久在线视频 | 黄色录像一级片 | 1314亚洲人成网站在线观看 | 黄色aaaa| 午夜资源在线 | 丁香婷婷激情综合 | 日韩视频一 | 香蕉视频黄在线观看 | 欧美一级片在线看 | 久久99精品久久久久久久野外 | 成人福利免费视频 | 日本在线日本中文字幕日本在线视频播放 | 亚洲美女在线观看播放 | 日韩在线 中文字幕 | 国产 另类 在线 欧美日韩 | 久久黄色免费网站 | 六度国产福利午夜视频黄瓜视频 | 国产精品杨幂va在线观看 | 日韩高清在线 | 国产无卡一级毛片aaa | 在线观看国产视频 | 丝袜足交在线 | 国产精品 第二页 | 国产91成人 | 成年女人天堂香蕉网视频 | 中文字幕在线播放一区 | 久久99国产亚洲精品观看 | 日韩在线一区高清在线 | 欧洲视频一区 |