超鏈接
就是指按內容鏈接
基本語法
<a href=”連接地址” target=”打開方式” name=“頁面錨點名稱”>鏈接文字或者圖片</a>
屬性
href屬性
鏈接的地址,鏈接的地址可以是一個網頁,也可以是一個視頻,圖片,音樂等。
代碼:
<body>
<a href="http://www.baidu.com/">百度</a><br/>
<a href="http://www.baidu.com/"><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"></a>
</body>
顯示結果
點擊“百度”或者圖片都可進入百度首頁
target屬性
- blank:在一個新窗口中打開鏈接
- seif(默認值):在當前窗口中打開頁面
- parent:在父窗口中打開頁面(框架中使用較多)
top:在頂層窗口中打開文件(框架中使用較多)
代碼
<body>
<a href="http://www.baidu.com/" target="_blank">百度</a><br/>
</body>
顯示結果
name屬性
指定頁面錨點的名稱。例如:跳到頂部
代碼:
<body>
<a name="dingbu"></a>
<h1>這是頂部</h1>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div><div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<div>
<p>
超級鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的類型來打開或運行。
</p>
</div>
<a href="#dingbu">返回到頂部</a>
</body>
顯示結果
點擊底部的“返回頂部”即可定位到頂部,可自行測試。