天天看點

JavaWeb學習之路(18)–HTML之超級連結

1. 前言

超級連結是HTML中極其精彩的設計。

網頁之是以讓人感覺功能無限,豐富多彩,就在于網頁上的超級連結,當我們點選超級連結時,可以跳轉到一個新的頁面,檢視該連結對應的内容。

在一層一層的連結中,網站的内容得到極大的延展,使用者也得以從網際網路上擷取海聯的資訊。

本篇我們就來講解下超級連結的使用。

2. 跳轉指定網址頁面

可以使用超級連結跳轉指定網址的頁面,例如下面的例子會跳轉到百度:

<a href="http://www.baidu.com">百度</a>

1

效果如下,點選文本百度,則跳轉到對應的網址:

http://www.baidu.com

3. 跳轉目前網站其他網頁

href屬性也可以指向目前網站的其他網頁,例如:

<a href="1.html">網頁1</a>

   <a href="pages/2.html">網頁2</a>

則點選【網頁1】,會跳轉到目前網頁同目錄下的1.html;而點選【網頁2】,會跳轉到pages檔案下的2.html。

4. 在新視窗中打開網頁

有時候,我們點選超級連結時,并不希望新網頁替換目前網頁,而是彈出一個新視窗加載新頁面,這樣的好處是還可以輕松傳回檢視老頁面。

此時可以使用target屬性,當target屬性值為_blank時,點選超連結會彈出新視窗打開網頁,執行個體如下:

<a href="http://www.baidu.com" target="_blank">百度</a>

5. 小結

超級連結非常重要,要掌握本節的内容,需要自己編寫網頁逐一實作上面的要點。

繼續閱讀