国产精品一区2区三区内射-三上悠亚高清在线观看国产精品-国产农村妇女毛片精品久久等等-国产精品一区二区三区AV

新聞資訊

新聞中心

新聞中心News

當(dāng)前位置: 首頁(yè) > 新聞中心 > 網(wǎng)站制作百科

龍崗網(wǎng)站建設(shè)向您介紹什么是HTML超鏈接和錨點(diǎn)

2022-04-24 08:42:41

一、超鏈接

< a>標(biāo)簽代表html里的鏈接

1.URL

講到超鏈接,URL就不得不提了,URL神通廣大,不過(guò)我這里只是淺談一下URL,URL除了網(wǎng)頁(yè),還有其他文件(pdf,文本等),還可以是指向該html的某個(gè)位置,還可以是Email地址

什么是URL?

既然是淺談,其實(shí)我們就可以把URL簡(jiǎn)單的看成一個(gè)網(wǎng)址或者地址

它在< a>標(biāo)簽下的使用:< a href=”URL”>< /a>

定義URL

URL稱為統(tǒng)一資源定位符,在html很多標(biāo)簽下都是需要URL這個(gè)定位符的,如圖片,表單,還有js中

URL的組成

協(xié)議:http 
主機(jī):baidu.com(這里以百度為例) 
端口:80(默認(rèn))(若是ftp服務(wù)器,則是21端口) 
資源:即路徑:aaa/html/w_linux.html 
參數(shù):?變量名=值&變量名=值……

URL絕對(duì)與相對(duì)路徑

1.相對(duì)路徑(周邊文件):相對(duì)于你現(xiàn)在的位置,去找上一個(gè)路徑或下一個(gè)及多個(gè)路徑。例: 
< a href=”w_linux.html”>找當(dāng)前目錄下的w_linux.html 
< a href=”./w_linux.html”>./是默認(rèn)的 .代表當(dāng)前路徑,與上面相同 
< a href=”./aaa/bbb/w_linux.html”>在當(dāng)前路徑下找下一級(jí)的html 
< a href=”../aaa/w_linux.html”>..代表上一級(jí)目錄

2.絕對(duì)路徑(從根開始找) 
http://www………..

二、a標(biāo)簽常用屬性

1.href

代表一個(gè)URL的鏈接源(點(diǎn)擊后鏈接到什么地方)

2.target

1.target=_blank:點(diǎn)擊鏈接的時(shí)候,是新的瀏覽器窗口打開,而不是在本瀏覽器內(nèi)打開 
2.target=_self:這是默認(rèn)的,也就是在本瀏覽器中打開 
還有兩個(gè)屬性不常見,話不多說(shuō)。

3.title

代表鏈接的附加提示消息 
< a href=”URL” title=”提示信息”>鏈接名字< a> 

網(wǎng)頁(yè)代碼,網(wǎng)頁(yè)鏈接,網(wǎng)頁(yè)錨點(diǎn)

三、錨點(diǎn)(定位作用)

錨點(diǎn):定位網(wǎng)頁(yè)內(nèi)部的鏈接,簡(jiǎn)單的說(shuō)就是你在這個(gè)網(wǎng)頁(yè)里點(diǎn)擊一個(gè)鏈接,會(huì)跳到該網(wǎng)頁(yè)里的某個(gè)位置

1.使用

1.< a name=”one”>< /a>放在定位的位置處,用name屬性是給該位置命名 
< a name=”two”>< /a> 
2.< a href=”#one”>鏈接名< /a>,”#”這個(gè)符號(hào)是區(qū)分是在本網(wǎng)頁(yè)找位置,否則服務(wù)器會(huì)誤認(rèn)為找某個(gè)文件或其他網(wǎng)站 
< a href=”#two”>鏈接名< /a> 
3.< a href=”#”>< /a>或< a href=”“>< /a>都代表點(diǎn)擊后回到頂部(但是,如果不寫#會(huì)很危險(xiǎn),所以只要用第一個(gè)有#的就好) 
4.其實(shí)也可以從另一個(gè)html中找這里的位置,比如這里的叫w_linux.html,另一個(gè)叫text.html,那就在text.html中寫< a href=”w_linux.html#one”>找到w_linux.html中的one位置< /a>

四、綜述代碼

<!DOCTYPE html> 

<html lang="en"> 

<head>     

<meta charset="UTF-8">     

<title>阿水的阿里</title> 

</head> 

<body link="#8a2be2" bgcolor="#f0f8ff" alink="#8a2be2" vlink="blue" text="#8a2be2">     

<h1>

<em>

<strong>

<u>阿水的阿里</u>

</strong>

</em>

</h1>     

<a href="http://my.csdn.net/w_linux" >

<h2>目錄</h2>

</a>     

<br>     

<ol>         

<li> 

<a href="#one" title="這里是第一篇"> 第一篇</a>         

</li>         

<li>             

<a href="#two" title="這里是第二篇">第二篇</a>        

 </li>         

<li>             

<a href="#three" title="這里是第三篇" >第三篇</a>         

</li>     

</ol> 

<hr>      

<a name="one"></a>     

<h3><strong><u>第一篇</u></strong></h3>  

   這里添加第一篇的內(nèi)容信息      

<a name="two"></a>     

<h3>第二篇</h3>     

這里添加第二篇的內(nèi)容信息      

<a name="three"></a>     

<h3>第三篇</h3>     這里添加第三篇的內(nèi)容信息     <hr>  

   <a href="">返回</a> 

</body>

 </html>

五、效果圖

網(wǎng)頁(yè)代碼,網(wǎng)頁(yè)鏈接,網(wǎng)頁(yè)錨點(diǎn)

近期瀏覽:

相關(guān)產(chǎn)品

相關(guān)新聞

版權(quán)所有 ? 2012~2022 深圳市華企網(wǎng)絡(luò)科技有限公司?粵ICP備12082682號(hào) 華企網(wǎng)絡(luò)
主要從事于龍崗網(wǎng)站建設(shè),龍崗網(wǎng)頁(yè)制作,龍崗網(wǎng)絡(luò)公司, 歡迎來(lái)電咨詢!
国产精品粗又长一区| 国产精品激情久久久久久久| 国产激情久久久久久影院| 日本精品资源在线观看| 日本又黄又粗暴的视频| 天堂人人妻人人想人人澡| 九九99九九99九九精品在线观看| 国产美女久久久久高潮| 亚洲美日韩av一区二区三区| 国产三级久久久久精品三级| 国产综合久久久久精品| 欧美伊香蕉久久综合网99| 欧美日本韩国国产一区| 天天啪日日干夜夜操| 精品人妻在线一区二区三区视频| 苦丝梢院褪裁匆黄痨| 99人人爽人人妻人人澡| 日本高清二区视频久二区| 亚洲国产精品久久久久久6| 国产99久久久久久久久| 亚洲国产精品成人麻豆| 草草视频在线影院75| 亚洲不卡一区三区三州医院| 8x8x精品国产自在现线拍| 日本一级特黄大片做受不忠| 亚洲aγ在线一区二区三区四区| 91精品福利在线观看播放| 亚洲精品一区二区久久| 欧美日本av一区二区| 日本一区二区的电影| 日本妈妈欧美一区二区三区| 午夜久久久亚洲精品| 国产综合欧美综合一区二区三区 | 亚洲av成人综合网久久成人| 日韩电影专区一区二区| 97欧美精品一区二区三区| 日本一区不卡高清更新区| 性熟妇av一区二区三区| 日本不卡免费一区二区三区| 欧美日韩精品一二三区| 中又字菷夫前侵犯人妻|