本章主要是HTML標(biāo)簽中，超級鏈接和錨點(diǎn)跳轉(zhuǎn)的基礎(chǔ)使用

一、超級鏈接HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個(gè)文檔相連。 超鏈接可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > HTML中的超級鏈接和錨點(diǎn)跳轉(zhuǎn)

HTML中的超級鏈接和錨點(diǎn)跳轉(zhuǎn)

時(shí)間：2023-09-04 18:42:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-04 18:42:02 來源：網(wǎng)站運(yùn)營

HTML中的超級鏈接和錨點(diǎn)跳轉(zhuǎn)：好好學(xué)習(xí)，天天向上

本章主要是HTML標(biāo)簽中，超級鏈接和錨點(diǎn)跳轉(zhuǎn)的基礎(chǔ)使用

一、超級鏈接

HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個(gè)文檔相連。 超鏈接可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像，可以點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分

Ⅰ、超級鏈接標(biāo)簽

<a> 鏈接內(nèi)容 </a>


Ⅱ、href屬性

<a href = "www.xxx.com"> 超級鏈接 </a>

Ⅲ、target屬性

  1. _self: 默認(rèn)值，表示跳轉(zhuǎn)的頁面在當(dāng)前窗口打開，不會打開新的窗口
  2. _blank: 空白的，表示跳轉(zhuǎn)的頁面在新窗口打開
<a fref = "www.xxx.com" target= "_blank" > 超級鏈接并打開新的窗口 </a>

Ⅳ、title 屬性

<a href="拉勾教育 - 拉勾旗下教育平臺" target="_blank" title="點(diǎn)擊跳轉(zhuǎn)到源網(wǎng)頁"> <img src="lagou.jpg" width="100px" height="100px"></a>示例圖：

二、錨點(diǎn)跳轉(zhuǎn)

  1. 在目標(biāo)位置找到任意一個(gè)標(biāo)簽，給它添加 id 屬性， id 屬性值必須唯一性
  2. 在目標(biāo)位置添加一個(gè)空的 <a> 標(biāo)簽， 只設(shè)置一個(gè) name 屬性， name 屬性設(shè)置必須唯一性
<h1 id= "h2">目標(biāo)位置</h1><a name= "maodian"> </a> <a href="#mb"> 頁面內(nèi)跳轉(zhuǎn)文件的純文本 </a>

Ⅰ、跨頁面錨點(diǎn)跳轉(zhuǎn)

  1. 設(shè)置錨點(diǎn)，方式與頁面內(nèi)錨點(diǎn)跳轉(zhuǎn)一致，在目標(biāo)網(wǎng)頁的指定位置設(shè)置使用 id 或 name 屬性
  2. 鏈接到錨點(diǎn)，添加超級鏈接時(shí) href 屬性需要更改，屬性值寫為頁面的路徑 #id
<a href="a.html#text"> 頁面內(nèi)跳轉(zhuǎn)文件的純文本 </a>示例：

index.html

<html> <head> <title> 超級鏈接和錨點(diǎn)跳轉(zhuǎn) </title> </head> <body> <a name="dingbu" ></a> <!-- 超級鏈接跳轉(zhuǎn) target="_blank" 打開新的窗口 --> <a href="https://www.lagou.com" target="_blank"> 拉勾網(wǎng) </a> <a href="https://www.baidu.com" title="點(diǎn)擊跳轉(zhuǎn)到百度"> 百度 </a> <br> <!-- 錨點(diǎn)跳轉(zhuǎn) --> <a href="#h1">11</a> <a href="#maodian">22</a> <br> <!-- 跨頁面錨點(diǎn)跳轉(zhuǎn) --> <a href="demo.html#demo" target="_blank"> 點(diǎn)擊跳轉(zhuǎn)到 demo頁面 </a> <!-- 設(shè)置空白高度 以方便測試 --> <div style="height: 1000;"></div> <h1 id="h1"> 這是第一個(gè)跳轉(zhuǎn)的位置 </h1> <a href="#dingbu" > 返回頂部 </a> <!-- 設(shè)置空白高度 以方便測試 --> <div style="height: 1000;"></div> <a name="maodian" ></a> <p> 第二個(gè)跳轉(zhuǎn)到這里 </p> <a href="#dingbu" > 返回頂部 </a> </body></html>demo.html

<html> <head> <title> 跨頁面跳轉(zhuǎn)在這里 </title> </head> <body> <p id="demo" >跳轉(zhuǎn)過來了呀</p> </body></html>

關(guān)鍵詞：超級

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉