怎麼用做網頁的超連結

來源：酷知科普網 1.09W

當我們在網頁中點選一個連結時便發生了頁面跳轉動作，例如點選本站首頁中的任意分類，便可以進入到該分類的專題頁面，這種跳轉動作便是網頁超連結實現的。我們使用html語言編輯網頁，使用html的<a>標籤實現網頁的超連結，下面為您介紹<a>標籤的具體用法。

操作方法

（01）在學習超連結之前我們需要了解URL（Uniform Resource Locator）的概念，每一個檔案在網際網路上有唯一的地址，該地址被稱為統一資源定位符（URL）。URL格式為：http://host[:port]/path/filename，http表示通過HTTP協議來定位網路資源，host表示合法的Internet主機域名或IP地址，port為指定的埠號，若port為空，則預設埠為80，path為資料夾的路徑（絕對路徑和相對路徑），filename為檔名。我們在html中使用程式碼<a href="" target="_target" >連結到本站首頁</a>實現超連結，href的內容便是一個URL。我們在html編輯器中某個檔案任意位置點選右鍵，選擇Open in Browser即可開啟網頁，如下圖所示。以下所有步驟在編輯完程式碼後均需要該操作。

（02）html<a>標籤的語法：<a href="網址、連結地址" target="目標" title="說明">被連結內容</a>。href為相對路徑或絕對路徑或具體的網頁URL地址。taget值可以省略，常用的有以下三種：_blank表示在新視窗中開啟連結；_parent表示在父窗體中開啟連結；_self在當前窗體開啟連結，此為預設值。target值為_blank時，我們點選超連結會在新的頁面開啟超連結的內容。步驟1中點選連結跳轉到了本站首頁，點選左側的返回按鈕即可返回連結所在的頁面。_parent和_self則在原來的頁面開啟連結的頁面，原來的頁面不復存在。

（03）title的值為連結的說明，我們將滑鼠放在連結上時才會出現此說明資訊，如下圖所示。另外需要注意的是<a></a>標籤之間必須有文字，即顯示的連結文字，若無則顯示不了超連結。

（04）<a>標籤的作用不止是跳轉到其他的頁面，還可以實現跳轉到當前頁面的指定位置，在頁面過長，需要佔到三四個螢幕時使用較多。實現方式有兩種，下面將分別介紹。第一種為同頁面新增錨文字，可實現同頁面內上下跳轉到指定位置。我們同樣使用<a>標籤來定義錨，即要跳轉到的位置，程式碼為：<a name="pos">要跳轉的位置</a>，這裡定義的錨名字為pos，我們在頁面的另一個地方定義一個超連結來指定錨，程式碼為：<a href="#pos">，注意href#後的內容要和錨的name屬性值一致。

（05）另外一種方法需要使用id屬性，id屬性可用於建立在一個HTML文件中的書籤標記，該書籤在HTML文件中是不顯示的。下面我們使用id屬性實現回到頁面頂部的功能，我們在跳轉到的位置使用程式碼：，在超連結的位置使用程式碼：<a href="#top">回到頂部</a> ，同樣href#後的值必須和id屬性的值一致，另外標籤不是必須的，有id屬性的標籤均可。