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