HTML 連結LOGIN

HTML 連結

網站的各個HTML文件透過超連結的方式相互連結在一起,形成一個連貫的網站。使用者可以透過點擊超連結跳到自己希望瀏覽的頁面。因此超連結在任何一個網站中都可以看到,是串聯網站形成整體的核心組成部分。

錨點的安排
HTML超連結以<a>標籤作為錨點進行觸發,錨點需要有一個載體,而這個載體可以是一個文字、一個字、或一句話,也可以是圖像或某個形狀。當滑鼠移到有錨點的載體上時,滑鼠會變成一個小手的狀態,示意使用者可以進行點擊,使用者點擊這個錨點後會跳到這個<a>標籤中href對應的位址上。

跳轉屬性的用法
在HTML連結中,使用 href 屬性 可以建立指向另一個文件的鏈接,通常用於頁面跳躍。這個很常見,就不再闡述了。
使用 name 屬性可以在文件內部建立書籤,讓超連結可以在文件內部跳到頁面的某一部分。例如:設定<a name=”dian1″></a>將其放置到頁面的中間。然後在頁面頭部設定<a href=”#dian1″>跳到頁面中間</a>錨點,當使用者在頁面頭部點擊這個錨點事,頁面會滾動跳到name書籤所在的位置,也就是頁面中間。

HTML 連結語法
HTML連結的程式碼使用很簡單。例如:

<a href=”url”>錨文本連結</a>  


href屬性用於設定跳轉的目標,開始標籤和結束標籤之間的文字被當作超級連結來顯示。


HTML 連結的target 屬性
target屬性可以設定透過錨文本點擊跳轉後頁面的開啟方式。有 4 個保留的目標名稱用作特殊的文檔重定向操作:
_blank
#瀏覽器總是會在一個新開啟、未命名的視窗中載入目標文件。
_self
這個目標的值對所有沒有指定目標的<a> 標籤是預設目標,它使得目標文檔載入並顯示在相同的框架或視窗中作為來源文檔。這個目標是多餘且不必要的,除非和文件標題 <base> 標籤中的 target 屬性一起使用。
_parent
這個目標使得文件載入父視窗或包含來超連結引用的框架的框架集。如果這個引用是在視窗或頂級框架中,那麼它與目標 _self 等效。
_top
這個目標使得文件載入包含這個超連結的窗口,用 _top 目標將會清除所有被包含的框架並將文件載入整個瀏覽器視窗。一般是用於點擊iframe框架中的錨點,目標連結直接在當前頁面打開,而不是在iframe中載入。

HTML 連線- id 屬性

#id屬性可用來建立在一個HTML文件書籤標記。

提示: 書籤是不以任何特殊的方式顯示,在HTML文件中是不顯示的,所以對於讀者來說是隱藏的。

實例

在HTML文件中插入ID:

<a id="tips">有用的提示部分</a>

在HTML文件中建立一個連結到"有用的提示部分(id="tips")":

<a href="#tips">訪問有用的提示部分</a>

或者,從另一個頁面建立一個連結到"有用的提示部分(id="tips")":

<a href="http://www.php.cn/html/html-links.html#tips">
訪問有用的提示部分</a>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<a href="http://www.php.cn/" target="_blank">php中文网!</a>
<p>如果你将 target 属性设置为 &quot;_blank&quot;, 链接将在新窗口打开。</p>
</body>
</html>


下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>想跳出本页?</p> <a href="http://www.php.cn/" target="_top">请点击这里!</a> </body> </html>
章節課件