XHTML超級鏈接<A>
超級鏈接<a>標(biāo)簽
毫不夸張的說,是超級鏈接把整個(gè)互聯(lián)網(wǎng)連接了起來。超級鏈接幾乎可以指向互聯(lián)網(wǎng)上的任何資源,例如另外一個(gè)網(wǎng)頁、一張圖片、一首MP3歌曲等等。而利用XHTML建立超級鏈接的語法卻非常簡單,只需要一對<a></a>標(biāo)簽即可:
| <a href=”這個(gè)超級鏈接將要指向的網(wǎng)址”>頁面上將要顯示的文字或者圖片等</a> |
例如:
| <a href=”http://m.bjzxqy.com/”>設(shè)計(jì)之家</a> |
將會(huì)在瀏覽器中顯示為一個(gè)超級鏈接,點(diǎn)擊它就將進(jìn)入設(shè)計(jì)之家(http://m.bjzxqy.com/)。效果如下:
其中<a>標(biāo)簽中的href屬性就是這個(gè)超級鏈接所要指向的地址,她可以是一般的網(wǎng)址也可以是郵件的地址,在稍后的練習(xí)實(shí)例中我們將創(chuàng)建一個(gè)指向郵件地址的超級鏈接。<a>和</a>之間的內(nèi)容(元素)將被作為超級鏈接顯示在網(wǎng)頁上。注意href屬性值為一般網(wǎng)址(絕對路徑)時(shí),其”http://”是不可以省略的,否則瀏覽器將把它作為相對路徑來識別。絕對路徑與相對路徑的區(qū)別不在本XHTML教程的討論范圍之內(nèi),如果你不了解可以到百度搜索相關(guān)的資料。
頁內(nèi)跳轉(zhuǎn)超級鏈接(錨記)
您在瀏覽其他網(wǎng)站的時(shí)候可能注意到了,有一些超級鏈接可以讓您回到頁面的頂端或者是當(dāng)前網(wǎng)頁內(nèi)任何一個(gè)位置。就像下面這個(gè)鏈接:
回到標(biāo)題
它的實(shí)現(xiàn)方法如下,首先在標(biāo)題處加上如下代碼。:
| <h1>XHTML入門學(xué)習(xí)教程――XHTML超級鏈接<a id=”biaoti”></a></h1> |
而超級鏈接本身的代碼為:
| <a href=”#biaoti”>回到標(biāo)題</a> |
頁面內(nèi)的跳轉(zhuǎn)在您的頁面內(nèi)有大量的內(nèi)容時(shí),可以讓你的用戶很快的找到所需要的信息。通常情況下都是在一些說明性的網(wǎng)頁內(nèi)做目錄使用。
鏈接練習(xí)
下面練習(xí)在之前的”index.html”中添加超級鏈接。打開”index.html“,對代碼做如下修改:
| <html> 中間代碼省略…… <p><a href=”mailto:xxx@xxx.com”>聯(lián)系我</a></p><!– 注意要把郵箱地址改為你自己的 –> <p>Copyright©2005-2006XXX版權(quán)沒有</p> </body> </html> |
保存之后瀏覽一下自己的網(wǎng)頁,請確認(rèn)您的網(wǎng)頁與該頁面相同。點(diǎn)擊一下新創(chuàng)建的鏈接,如果你安裝了Outlook之類的郵件管理軟件,就會(huì)打開一個(gè)給自己發(fā)送郵件的界面了。
