HTML學習05-超鏈接

一、錨標籤

HTML 使用 <a>(錨)標籤來創建連接另一個文檔的鏈接。
錨可以指向網絡上的任何資源:一張 HTML 頁面,一幅圖像,一個聲音或視頻文件等等。
錨標籤使用方法:<a href="url">要顯示的信息</a>

二、錨標籤的屬性

1.href屬性:指定超鏈接目標url。
<a> 用來創建錨。href 屬性用於定位需要鏈接的文檔,錨的開始標籤和結束標籤之間的文字被作爲超級鏈接來顯示。

2.target屬性:告訴瀏覽器用什麼方式打開目標頁面。
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。取值如下:
a._self**在當前頁面所在的瀏覽器選項卡中打開(默認),若頁面分框架(frame)則在當前frame中打開。
b._blank**在新的瀏覽器選項卡中打開。
c._parent**若頁面分框架,在上一層框架(父框架)中打開。
d._top**在當前頁面(最上層框架)打開。

3.name 屬性:用於給錨標籤命名。當在頁面其他位置想使用時,我們可以通過將<a>標籤的href屬性取值爲#name直接跳至頁面中命名爲name的錨的位置。使用方法如下:

<a href="url" name="one">one鏈接</a>
...
<a href="#one">跳轉到one鏈接</a>

在頁面中點擊“跳轉到one鏈接”時會跳轉到one鏈接處。

三、超鏈接的三種連接形式

1.外部鏈接:連接到一個外部文件
<a href="***.html">***.html</a>
2.錨鏈接:連接到本頁面或者其他頁面的特定位置

    <a href="***.html" name="a">***.html</a>
    …….
    <pre>
        <a href="#a">回到頂部(***.html處)</a>(必須加#號)
    </pre>

3.郵件鏈接:
href屬性值前面加mailto:,如
<a href="mailto:***@***.cn">進入我的郵箱</a>

四、給圖片加超鏈接

1.整個圖片加超鏈,方法如下:
<a href="***.html"><img src="***"></a>
2.給圖片局部加超鏈接,方法如下:
<a>
    <img src="***" usemap="#Map">(usemap引用的值是id)
    <map name="Map" id="Map">
        <area shape="cricle" coords="109,68,29"(圓心橫縱座標和半徑) herf="***.html">
    </map>
</a>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章