電 話：xxxx-00000000
傳 真：xxxx-000000
郵 箱：xxxxx.cn
地 址：xxxxxxxxxx
一、超鏈接
< 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>
三、錨點(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>
五、效果圖
手機(jī)： 13544136526 李生
郵箱： sz@cecom.cn
客服電話： 0755-89232082
公司地址： 深圳市龍崗區(qū)龍崗路10號(hào)電子商務(wù)港硅谷動(dòng)力12樓1208
