先看兩個示例
建立一個超鏈接
<html>
<body>
<p>
<a href="../asdocs/html_tutorials/humor02.html">這是一個鏈接</a>
</p>
<p>
<a href=http://www.jeecms.com target=_blank>jeecms官網鏈接</a>
</p>
</body>
</html>
這個示例演示了如何在HTML文件里創建超鏈接。
將一個圖片作為一個超鏈接
<html>
<body>
<p>
你可以將一張圖片作為一個鏈接,點擊這個圖片。
<a href="../asdocs/html_tutorials/humor03.html"><img src="../images/html_tutorials/smile.jpg" ></a>
</p>
</body>
</html>
這個示例演示了如何將一個圖片作為一個超鏈接,即點擊一個圖片,可以連接到其它文件。
a和href屬性
HTML用<a>來表示超鏈接,英文叫anchor。
<a>可以指向任何一個文件源:一個HTML網頁,一個圖片,一個影視文件等。用法如下:
<a href="url">鏈接的顯示文字</a>
點擊<a></a>當中的內容,即可打開一個鏈接文件,href屬性則表示這個鏈接文件的路徑。
比如鏈接到www.jeecms.com站點首頁,就可以這樣表示:
<a href=http://www..jeecms.com>jeecms首頁</a>
target屬性
使用target屬性,可以在一個新窗口里打開鏈接文件。
<a href="http://www.admin5.com/html" target=_blank>站長網 站長學院admin5.com/html首頁</a>
title屬性
使用 title 屬性,可以讓鼠標懸停在超鏈接上的時候,顯示該超鏈接的文字注釋。
<a href="http://www.admin5.com/html" title = "站長網 站長學院網頁教程與代碼的中文站點">站長網 站長學院網站</a>
如果希望注釋多行顯示,可以使用作為換行符。
<a href="http://www.admin5.com/html" title = "站長網 站長學院網頁教程與代碼的中文站點">站長網 站長學院網站</a>
name屬性
使用name屬性,可以跳轉到一個文件的指定部位。
使用name屬性,要設置一對。一是設定name的名稱,二是設定一個href指向這個name:
<a href="#C1">參見第一章</a>
<a name="C1">第一章</a>
name屬性通常用于創建一個大文件的章節目錄(table of contents)。每個章節都建立一個鏈接,放在文件的開始處,每個章節的開頭都設置Name屬性。當用戶點擊某個章節的鏈接時,這個章節的內容就顯示在最上面。
如果瀏覽器不能找到Name指定的部分,則顯示文章開頭,不報錯。
鏈接到email地址
在網站中,你經常會看到“聯系我們”的鏈接,一點擊這個鏈接,就會觸發你的郵件客戶端,比如Outlook Express,然后顯示一個新建mail的窗口。用<a>可以實現這樣的功能。
<a href = "mailto:info@sina.com">聯系我們</a>
新聞熱點
疑難解答