设计之家 > 教程 > 網頁教程 > HTML教程 >

XHTML基礎教程(一)(5)

作者:佚名 來源:網絡 時間:2007-12-24

XHTML超級鏈接<A>

超級鏈接<a>標簽

毫不夸張的說,是超級鏈接把整個互聯網連接了起來。超級鏈接幾乎可以指向互聯網上的任何資源,例如另外一個網頁、一張圖片、一首MP3歌曲等等。而利用XHTML建立超級鏈接的語法卻非常簡單,只需要一對<a></a>標簽即可:

<a href="這個超級鏈接將要指向的網址">頁面上將要顯示的文字或者圖片等</a>

例如:

<a href="http://www.sj33.cn/">設計之家</a>

將會在瀏覽器中顯示為一個超級鏈接,點擊它就將進入設計之家(http://www.sj33.cn/)。效果如下:

設計之家

其中<a>標簽中的href屬性就是這個超級鏈接所要指向的地址,她可以是一般的網址也可以是郵件的地址,在稍后的練習實例中我們將創建一個指向郵件地址的超級鏈接。<a>和</a>之間的內容(元素)將被作為超級鏈接顯示在網頁上。注意href屬性值為一般網址(絕對路徑)時,其"http://"是不可以省略的,否則瀏覽器將把它作為相對路徑來識別。絕對路徑與相對路徑的區別不在本XHTML教程的討論范圍之內,如果你不了解可以到百度搜索相關的資料。

頁內跳轉超級鏈接(錨記)

您在瀏覽其他網站的時候可能注意到了,有一些超級鏈接可以讓您回到頁面的頂端或者是當前網頁內任何一個位置。就像下面這個鏈接:

回到標題

它的實現方法如下,首先在標題處加上如下代碼。:

<h1>XHTML入門學習教程――XHTML超級鏈接<a id="biaoti"></a></h1>

而超級鏈接本身的代碼為:

<a href="#biaoti">回到標題</a>

頁面內的跳轉在您的頁面內有大量的內容時,可以讓你的用戶很快的找到所需要的信息。通常情況下都是在一些說明性的網頁內做目錄使用。

鏈接練習

下面練習在之前的"index.html"中添加超級鏈接。打開”index.html“,對代碼做如下修改:

<html>
中間代碼省略……
<p><a href="mailto:xxx@xxx.com">聯系我</a></p><!-- 注意要把郵箱地址改為你自己的 -->
<p>Copyright©2005-2006XXX版權沒有</p>
</body>
</html>

保存之后瀏覽一下自己的網頁,請確認您的網頁與該頁面相同。點擊一下新創建的鏈接,如果你安裝了Outlook之類的郵件管理軟件,就會打開一個給自己發送郵件的界面了。

 

标签:

相關文章:

推薦設計

最新文章