我們學(xué)會(huì)兩個(gè)標(biāo)簽了，<b></b> 可以給文字加粗， <p></p> 可以標(biāo)記段落，但是只有這些的網(wǎng)頁(yè)跟 Word 有什么區(qū)別？所以我們要研究一下互聯(lián)網(wǎng)的一個(gè)重要組成部分——超鏈接。

現(xiàn)在還有幾個(gè)人會(huì)去說(shuō)超鏈接這個(gè)詞呢？還有久違了的萬(wàn)維網(wǎng)，想到這些不禁唏噓時(shí)光荏苒。當(dāng)初夸耀的榮光無(wú)限的互聯(lián)網(wǎng)，現(xiàn)在也被我們習(xí)以為常了。那么被我們視為高深莫測(cè)的代碼，在明天會(huì)不會(huì)也變成家常便飯……當(dāng)然不會(huì)了，因?yàn)榧夹g(shù)總是要越來(lái)越易用的，但是編程卻在不知不覺(jué)中容入了我們的生活，比如可以預(yù)約的電飯煲，其實(shí)對(duì)他的設(shè)定也可以看作簡(jiǎn)單的編程……

一不小心跑題了，回到已經(jīng)不再 Super 的鏈接上來(lái)。老板說(shuō)：你把這段話(huà)里公司的名稱(chēng)都鏈接到咱們的網(wǎng)站去，讓別的公司也看看，咱們也是有網(wǎng)站的企業(yè)了，不許他們?cè)僬f(shuō)咱們土……了。這時(shí)候你就想啊，稻米鼠的教程寫(xiě)的太慢了，還沒(méi)講……

其實(shí)鏈接的標(biāo)簽很簡(jiǎn)單的哦，就是字母表第一個(gè)字母 a ，你說(shuō)你會(huì)寫(xiě)了，那肯定就是 <a></a> 了。那么仔細(xì)想想啊，剛才老板叫你干啥了？把公司的名字鏈接到咱們的網(wǎng)站啊～咱的網(wǎng)址你寫(xiě)上了么？

我來(lái)舉一個(gè)最簡(jiǎn)單的鏈接的例子?。?/p>

<a >代碼能有多難？</a>

你說(shuō)嘿，還真看懂了，href= 后面寫(xiě)上網(wǎng)址就對(duì)了。嗯，<a href="要鏈接到的網(wǎng)址">要顯示的文字</a> 這就懂得了。那么我們來(lái)講一講標(biāo)簽的屬性。

標(biāo)簽是有屬性的，就好象說(shuō)這個(gè)英雄攻多少，防多少（玩游戲的男生能理解哈），就好象說(shuō)這個(gè)化妝品是保濕的還是防曬的，防曬值多少（愛(ài)美的女生能理解哈），這些都叫做屬性，那么我們標(biāo)簽的屬性也是一回事，就是對(duì)標(biāo)簽一些相關(guān)的內(nèi)容進(jìn)行說(shuō)明和定義，你說(shuō)你這是鏈接，那么鏈接到哪里就是一個(gè)屬性，來(lái)看看下面的格式哦：

<標(biāo)簽 屬性="屬性值"></標(biāo)簽>

來(lái)對(duì)照上面的代碼基本就記住這個(gè)格式了哦，你沒(méi)記住？也沒(méi)關(guān)系的，反正往下看慢慢就記住了。

老板檢查了一下你的成果，感覺(jué)雖然鏈接成功了，但是滿(mǎn)足不了他那土的掉渣的審美，說(shuō)：那個(gè)鏈接要在新標(biāo)簽里打開(kāi)～

這時(shí)候我們?cè)趺崔k？加個(gè)屬性，定義一下在哪里打開(kāi)就是了。于是我們把代碼改成了：

<a  target="_blank">代碼能有多難？</a>

target 這個(gè)屬性說(shuō)的是鏈接的打開(kāi)位置，默認(rèn)是在當(dāng)前頁(yè)面打開(kāi)的，如果要在新頁(yè)面打開(kāi)，屬性值為 _blank ，就像上邊一樣，target 還可以有一些其他的值（鏈接還有一些其他的打開(kāi)位置），但是最常用的就是 _blank（新標(biāo)簽打開(kāi)），記不住？別記了，用的時(shí)候到這篇文章查詢(xún)就是了，反正這么常用的東西，查個(gè)十幾次之后你總會(huì)記住的，是不是？

你說(shuō)鏈接還有什么好玩的屬性？有啊，title 屬性可以給鏈接加上說(shuō)明文字的哦，比如了：

<a  target="_blank" title="這是一本寫(xiě)給小白們的看得懂的，學(xué)得會(huì)的代碼書(shū)">代碼能有多難？</a>

你說(shuō)試過(guò)之后發(fā)現(xiàn)沒(méi)啥變化？那你把鼠標(biāo)放在鏈接上不動(dòng)，待一會(huì)就會(huì)顯出說(shuō)明文字來(lái)了，鼠標(biāo)移開(kāi)說(shuō)明消失。啊，這種體驗(yàn)大家都很熟悉了是不是？原來(lái)就是這么寫(xiě)出來(lái)的，原來(lái)就是這么簡(jiǎn)單！

本章學(xué)習(xí)卡片：卡片 7

本書(shū)是收費(fèi)的，不過(guò)交費(fèi)憑自覺(jué)。價(jià)格定義為每人請(qǐng)我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號(hào)：

alay9999@163.com （劉源）

為了讓大家閱讀方便，本書(shū)將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：

• 主站首發(fā)： http://coffee.zji.me/
• Gitbook: http://codeme.gitbooks.io/easy-web-code-book/
• 簡(jiǎn)書(shū)： http://www.jianshu.com/users/d37eaf3de0ff
• 站酷： http://www.zcool.com.cn/u/12927742

未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系： dms@zji.me