柚子快報(bào)激活碼778899分享：前端必知必會(huì)-html鏈接
柚子快報(bào)激活碼778899分享：前端必知必會(huì)-html鏈接
文章目錄
HTML 鏈接HTML 鏈接 - 超鏈接HTML 鏈接 - 語法HTML 鏈接 - target 屬性HTML 鏈接 - 使用圖像作為鏈接鏈接到電子郵件地址按鈕作為鏈接鏈接標(biāo)題HTML 鏈接 - 不同顏色鏈接按鈕HTML 鏈接 - 創(chuàng)建書簽總結(jié)
HTML 鏈接
幾乎所有網(wǎng)頁中都有鏈接。鏈接允許用戶通過點(diǎn)擊從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面。
HTML 鏈接 - 超鏈接
HTML 鏈接是超鏈接。
您可以單擊鏈接并跳轉(zhuǎn)到另一個(gè)文檔。
當(dāng)您將鼠標(biāo)移到鏈接上時(shí)，鼠標(biāo)箭頭將變成一只小手。
注意：鏈接不一定是文本。鏈接可以是圖像或任何其他 HTML 元素！
HTML 鏈接 - 語法
鏈接文本是讀者可見的部分。
單擊鏈接文本，將把讀者發(fā)送到指定的 URL 地址。
示例 此示例顯示如何創(chuàng)建指向 baidu.com 的鏈接：
默認(rèn)情況下，鏈接在所有瀏覽器中均會(huì)顯示如下：
未訪問的鏈接帶有下劃線且為藍(lán)色 已訪問的鏈接帶有下劃線且為紫色 活動(dòng)鏈接帶有下劃線且為紅色 提示：可以使用 CSS 設(shè)置鏈接樣式！
HTML 鏈接 - target 屬性
默認(rèn)情況下，鏈接頁面將顯示在當(dāng)前瀏覽器窗口中。要更改此設(shè)置，您必須為鏈接指定另一個(gè)目標(biāo)。
target 屬性指定在何處打開鏈接的文檔。
target 屬性可以具有以下值之一：
_self - 默認(rèn)值。在單擊時(shí)所在的同一窗口/選項(xiàng)卡中打開文檔 _blank - 在新窗口或選項(xiàng)卡中打開文檔 _parent - 在父框架中打開文檔 _top - 在窗口的整個(gè)主體中打開文檔 示例 使用 target=“_blank” 在新瀏覽器窗口或選項(xiàng)卡中打開鏈接的文檔：
絕對(duì) URL 與相對(duì) URL 上述兩個(gè)示例都在 href 屬性中使用絕對(duì) URL（完整的網(wǎng)址）。
本地鏈接（指向同一網(wǎng)站內(nèi)頁面的鏈接）使用相對(duì) URL（不帶“https://www”部分）指定：
示例
絕對(duì) URL
相對(duì) URL
HTML 鏈接 - 使用圖像作為鏈接
要使用圖像作為鏈接，只需將 標(biāo)記放在 標(biāo)記內(nèi)：
示例
鏈接到電子郵件地址
在 href 屬性中使用 mailto: 創(chuàng)建一個(gè)鏈接，打開用戶的電子郵件程序（讓他們發(fā)送新電子郵件）：
示例
按鈕作為鏈接
要使用 HTML 按鈕作為鏈接，您必須添加一些 JavaScript 代碼。 JavaScript 允許您指定在某些事件（例如單擊按鈕）時(shí)發(fā)生的情況：
示例
鏈接標(biāo)題
title 屬性指定有關(guān)元素的額外信息。當(dāng)鼠標(biāo)移到元素上時(shí)，這些信息通常顯示為工具提示文本。
示例
有關(guān)絕對(duì) URL 和相對(duì) URL 的更多信息 示例 使用完整 URL 鏈接到網(wǎng)頁：
示例 鏈接到當(dāng)前網(wǎng)站 html 文件夾中的頁面：
示例 鏈接到與當(dāng)前頁面位于同一文件夾中的頁面：
HTML 鏈接 - 不同顏色
HTML 鏈接會(huì)根據(jù)其是否已訪問、未訪問或處于活動(dòng)狀態(tài)而顯示不同的顏色。
默認(rèn)情況下，鏈接將顯示如下（在所有瀏覽器中）：
未訪問的鏈接帶有下劃線和藍(lán)色 已訪問的鏈接帶有下劃線和紫色 活動(dòng)鏈接帶有下劃線和紅色 可以使用 CSS 更改鏈接狀態(tài)顏色：
此處，未訪問的鏈接將為綠色且無下劃線。已訪問的鏈接將為粉紅色且無下劃線?；顒?dòng)鏈接將為黃色且?guī)聞澗€。此外，當(dāng)鼠標(biāo)懸停在鏈接上（a:hover）時(shí)，它將變?yōu)榧t色并帶有下劃線：
鏈接按鈕
鏈接也可以通過使用 CSS 設(shè)置為按鈕樣式： 示例
HTML 鏈接 - 創(chuàng)建書簽
HTML 鏈接可用于創(chuàng)建書簽，以便讀者可以跳轉(zhuǎn)到網(wǎng)頁的特定部分。
在 HTML 中創(chuàng)建書簽 如果網(wǎng)頁很長，書簽會(huì)很有用。
要?jiǎng)?chuàng)建書簽 - 首先創(chuàng)建書簽，然后添加指向書簽的鏈接。
單擊鏈接時(shí)，頁面將向下或向上滾動(dòng)到書簽所在的位置。
示例 首先，使用 id 屬性創(chuàng)建書簽：
第 4 章
然后，在同一頁面內(nèi)添加指向書簽的鏈接（“跳轉(zhuǎn)到第 4 章”）：
示例
您還可以添加指向其他頁面上的書簽的鏈接：
總結(jié)
本文介紹了的html的超鏈接使用，如有問題歡迎私信和評(píng)論
柚子快報(bào)激活碼778899分享：前端必知必會(huì)-html鏈接
文章鏈接
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點(diǎn)和立場。
轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。
Gittigidiyor吉蒂優(yōu)選俠
