html中的連結詳解
阿新 • • 發佈:2019-01-22
什麼是超文字?
標記語言的真正威力在於其收集能力,它可以將收集來的文件組合成一個完整的資訊庫,並且可以將文件庫與世界上的其他文件集合連結起來。
這樣的話,讀者不僅可以完全控制文件在螢幕上的顯示,還可以通過超連結來控制瀏覽資訊的順序。這就是 HTML 和 XHTML 中的 “HT” - 超文字(hypertext),就是它將整個 Web 網路連線起來。
超文字的基礎知識
超文字的基本特徵就是可以超連結文件;你可以指向其他位置,該位置可以在當前的文件中、區域網中的其他文件,也可以在因特網上的任何位置的文件中。這些文件組成了一個雜亂的資訊網。目標文件通常與其來源有某些關聯,並且豐富了來源;來源中的連結元素則將這種關係傳遞給瀏覽者。
超連結可以用於各種效果。超連結可以用在目錄和主題列表中。瀏覽者可以在瀏覽器螢幕上單擊滑鼠或在鍵盤上按下按鍵,從而選擇並自動跳轉到文件中自己感興趣的那個主題,或跳轉到世界上某處完全不同的集合中的某個文件。
Html連結
<p><a href="../index.html" tppabs="http://.../index.html">本文字</a> 是一個指向本網站中的一個頁面的連結。</p>
<p><a href="javascript:if(confirm('http://www.baidu.com/ \n\n這是一個指向網頁的連結 \n\n你確定需要開啟嗎?')window.location='http://www.baidu.com/'" >文字連結</a> 是一個指向網上頁面的連結。</p>
window.location 物件用於獲得當前頁面的地址 (URL),並把瀏覽器重定向到新的頁面。
tppabs標籤 是離線瀏覽器下載完整個網頁後,在圖片或超級連結標籤內加入的標籤,以記錄該圖片或超級連結指向的原始地址。因為這個標籤不是合法標籤,所以普通瀏覽器會忽略它。
圖片連結:
<a href="http://www.baidu.com/" target="_blank"> <img src="g.png" width="120" height="150"></a>
或者改為一個視訊也可以,此處不做詳解。
Name屬性用於建立被命名的錨(named anchors)。當使用命名錨(named anchors)時,我們可以建立直接跳至頁面中某個節的連結,這樣使用者就無需不停的滾動頁面來尋找他們需要的資訊。
以下是命名錨的語法:
<a name="label">Text to be displayed</a>
例子:本頁面內跳轉連結
<p>
<h1><a name = "C0">This is a content</a></h1>
<a href="#C1">檢視 Chapter 1。</a><br/>
<a href="#C2">檢視 Chapter 2。</a><br/>
<a href="#C3">檢視 Chapter 3。</a><br/>
<a href="#C4">檢視 Chapter 4。</a><br/>
<a href="#C5">檢視 Chapter 5。</a><br/>
</p>
<h2><a name="C1">Chapter 1</a></h2>
<p>This chapter explains ba bla bla</p> <br/>
<a href="#C0">Return Content</a><br/>
<hr/>
<h2><a name="C2">Chapter 2</a></h2>
<p>This chapter explains ba bla bla</p><br/>
<a href="#C0">Return Content</a><br/>
<hr/>
<h2><a name="C3">Chapter 3</a></h2>
<p>This chapter explains ba bla bla</p><br/>
<a href="#C0">Return Content</a><br/>
<hr/>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p><br/>
<a href="#C0">Return Content</a><br/>
<hr/>
<h2><a name="C5">Chapter 5</a></h2>
<p>This chapter explains ba bla bla</p><br/>
<a href="#C0">Return Content</a><br/>
<hr/>
效果如圖: