超鏈接有兩種鏈接方式:一種是內部鏈接,另一種是外部鏈接。我們先來學習內部鏈接。
內部鏈接指的是超鏈接的鏈接對象是在同一個網站中的資源。與自身網站頁面有關的鏈接被稱為內部鏈接。
我們在上一節“超鏈接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>
大家自己編程實踐一下就知道內部鏈接是怎樣了。
在內部鏈接中,鏈接地址使用的都是相對路徑。具體參考“相對路徑和絕對路徑”