HTML 超級鏈結詳細講解

2021-07-15 11:16:44 字數 2863 閱讀 3617

超級鏈結超級鏈結是**中使用比較頻繁的html元素,因為**的各種頁面都是由超級鏈結串接而成,超級鏈結完成了頁面之間的跳轉。超級鏈結是瀏覽者和伺服器的互動的主要手段,在後面的技術中會逐步深化學習。
4.5.1  給文字新增鏈結超級鏈結的標籤是,給文字新增超級鏈結類似於其他修飾標籤。新增了鏈結後的文字有其特殊的樣式,以和其他文字區分,預設鏈結樣式為藍色文字,有下劃線。超級鏈結是跳轉到另乙個頁面的,標籤有乙個href屬性負責指定新頁面的位址。href指定的位址一般使用相對位址。

在d:\web\目錄下建立網頁檔案,命名為a.htm,編寫**如**4.18所示。

進入列表的設定頁面

在瀏覽器位址列輸入http://localhost/a.htm,瀏覽效果如圖4.19所示。

讀者可從圖4.19中看到超級鏈結的預設樣式,當單擊頁面中的鏈結,頁面將跳轉到同一目錄下的ul_ol.htm頁面,即上節的列表設定頁面。當單擊瀏覽器的「後退」按鈕,回到a.htm頁面時,文字鏈結的顏色變成了紫色,用於告訴瀏覽者,此鏈結已經被訪問過。

4.5.2  修改鏈結的視窗開啟方式預設情況下,超級鏈結開啟新頁面的方式是自我覆蓋。根據瀏覽者的不同需要,讀者可以指定超級鏈結的其他開啟新視窗的方式。超級鏈結標籤提供了target屬性進行設定,取值分別為_self(自我覆蓋,預設)、_blank(建立新視窗開啟新頁面)、_top(在瀏覽器的整個視窗開啟,將會忽略所有的框架結構)、_parent(在上一級視窗開啟)。

—  注意:_top和_parent方式用於框架頁面,後面章節有詳解。

4.5.3  給鏈結新增提示文字
很多情況下,超級鏈結的文字不足以描述所要鏈結的內容,超級鏈結標籤提供了title屬效能很方便地給瀏覽者做出提示。title屬性的值即為提示內容,當瀏覽者的游標停留在超級鏈結上時,提示內容才會出現,這樣不會影響頁面排版的整潔。修改a.htm網頁檔案,編寫**如**4.19所示。

進入列表的設定頁面

在瀏覽器位址列輸入http://localhost/a.htm,瀏覽效果如圖4.20所示。

4.5.4  什麼是錨(anchor)很多網頁文章的內容比較多,導致頁面很長,瀏覽者需要不斷地拖動瀏覽器的滾動條才能找到需要的內容。超級鏈結的錨功能可以解決這個問題,錨(anchor)是引自於船隻上的錨,錨被拋下後,船隻就不容易飄走、迷路。實際上錨就是用於在單個頁面內不同位置的跳轉,有的地方叫做書籤。

超級鏈結標籤的name屬性用於定義錨的名稱,乙個頁面可以定義多個錨,通過超級鏈結的href屬性可以根據name跳轉到對應的錨。在d:\web\目錄下建立網頁檔案,命名為a_anchor.htm,編寫**如**4.20所示。

這裡是頂部的錨

第1任第2任

第3任第4任

第5任第6任

●第1任(1789-1797)這裡是第1任的錨

姓名:喬治·華盛頓

george washington

生卒:1732-1799

政黨::聯邦

●第2任(1797-1801)這裡是第2任的錨

姓名:約翰·亞當斯

john adams

生卒:1735-1826

政黨::聯邦

●第3任(1801-1809)這裡是第3任的錨

姓名:托馬斯·傑斐遜

thomas jefferson

生卒:1743-1826

政黨::民共

●第4任(1809-1817)這裡是第4任的錨

姓名:詹姆斯·麥迪遜

james madison

生卒:1751-1836

政黨:民共

●第5任(1817-1825)這裡是第5任的錨

姓名:詹姆斯·門羅

james monroe

生卒:1758-1831

政黨:民共

l>

在測試之前,讀者從**4.20可以看到,定義錨也是用的標籤,錨的名稱用name屬性定義(名稱沒有限制,可自定義)。而尋找錨的鏈結用href屬性指定對應的名稱,在名稱前面要加個#符號。在瀏覽器位址列輸入http://localhost/a_anchor.htm,瀏覽效果如圖4.21所示。

當瀏覽者單擊超級鏈結時,頁面將自動滾動到href屬性值名稱的錨位置。

—  注意:定義錨的標籤內不一定需要具體內容,只是做乙個定位。

4.5.5  電子郵件、ftp和telnet的鏈結

給我發email

郵件位址必須完整,如[email protected]

ftp伺服器鏈結和網頁鏈結區別在於所用協議不同。ftp需要從伺服器管理員處獲得登入的許可權。不過部分ftp伺服器可以匿名訪問,從而能獲得一些公開的檔案。同樣,連線telnet協議的伺服器也是採用類似方法,格式如下:

telnet協議應用非常少,使用http協議居多。在d:\web\目錄下建立網頁檔案,命名為mail.htm,編寫**如**4.21所示。

給我發e-mail

連線ftp伺服器

連線telnet伺服器

s在瀏覽器位址列輸入http://localhost/mail.htm,瀏覽效果如圖4.22所示。

HTML 超級鏈結詳細講解

這裡是頂部的錨 第1任第2任 第3任第4任 第5任 第一任 1789 1797 這裡是第1任的錨 姓名 喬治 華盛頓 george washington 生卒 1732 1799 政黨 聯邦 第2任 1797 1801 這裡是第2任的錨 姓名 約翰 亞當斯 john adams 生卒 1735 18...

5 HTML超級鏈結

a 標籤 超連結標籤 a 標籤 沒有帶屬性 效果 好像沒什麼效果 a 標籤及href屬性 效果 點選後 把當前頁面替換成了乙個新的網頁 a 標籤的target屬性 target屬性 指定超連結的鏈結物件的開啟方式,blank屬性值表示在新頁面開啟 不寫target屬性,就預設在當前頁面開啟 點選後 ...

word中使用超級鏈結

超級鏈結是將文件中的文字或圖形其他位置的相關資訊鏈結 起來,單擊建立了超級鏈結的文字或圖形時,就可跳轉到相關資訊。超級鏈結非常靈活和強大,既可跳轉至當前文件或 web 頁的某個位 置,亦可跳轉至其他 word 文件或 web 頁,或者其他專案中建立的 檔案。使用者甚至可用超級鏈結跳轉至聲音和影象等多...