DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML入門知識 >> 8.3 內部鏈接
8.3 內部鏈接
編輯:HTML入門知識     

超鏈接有兩種鏈接方式:一種是內部鏈接,另一種是外部鏈接。我們先來學習內部鏈接。

一、內部鏈接

內部鏈接指的是超鏈接的鏈接對象是在同一個網站中的資源。與自身網站頁面有關的鏈接被稱為內部鏈接。

我們在上一節“超鏈接a標簽”的例子就是外部鏈接,這個超鏈接的鏈接對象是外部網站。而內部鏈接的鏈接對象是網站的其他頁面或當期頁面。

我們建立一個網站WebStie2,目錄如下:

如果我們想要在網頁1中點擊超鏈接就跳轉到網頁2或者網頁3,這就是“內部鏈接”,因為這3個網站都是在同一個網站內的。內部鏈接的鏈接對象是在同一個網站的。

舉例:

網頁1代碼:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>超鏈接之內部鏈接</title>
</head>
<body>
    <a  href="網頁2.aspx">跳轉到網頁2</a>
    <a  href="test\網頁3.aspx">跳轉到網頁3</a>
</body>
</html>

網頁2代碼:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>超鏈接之內部鏈接</title>
</head>
<body>
    <p><strong>這是網頁2</strong></p>
</body>
</html>

網頁3代碼:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>超鏈接之內部鏈接</title>
</head>
<body>
    <p><strong>這是網頁3</strong></p>
</body>
</html>

大家自己編程實踐一下就知道內部鏈接是怎樣了。

在內部鏈接中,鏈接地址使用的都是相對路徑。具體參考“相對路徑和絕對路徑”

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved