html頁面鏈接標簽相關知識

ｈｔｍｌ頁面鏈接標簽用於創建超級鏈接(簡稱為超鏈接)，它是到另一個文檔或文件(圖形、音頻、視頻)甚至到同一文檔的另一部分的鏈接。

當用戶單擊超級鏈接時，就會進入鏈接中指定的URL。超級鏈接可鏈接到：同一文檔的特定部分，其他文檔，其他文件——圖像、音頻、視頻剪輯，其他站點等。

要創建超級鏈接，應指定以下兩個組件：

(1)　要鏈接文件的完整地址或URL。

(2)　將提供鏈接的熱點。熱點可以是文本行，也可以是圖像。當用戶單擊熱點時，浏覽器將讀取URL中指定的地址並“跳”到新的位置。

錨記標簽用於標識充當HTML文檔中文本或圖像的超級鏈接。href(超文本引用)參數用於指定要鏈接文檔的地址或URL。

本節單詞記憶：標簽　1.a　屬性　1.href

網頁提示：html語言非常簡單，不需要邏輯理解，而絕大部分朋友覺得它難以掌握，90%的原因在於英語單詞不過關，所以每節記憶幾個單詞是非常有必要的。

一、鏈接到其他頁面

鏈接到其他頁面，就是單擊此超級鏈接，打開一個新的HTML文檔。

語法：

其中，href屬性用來指定要鏈接的地址，“[免費注冊]”是熱點文本。

示例1在浏覽器中預覽效果如圖1所示，單擊“[免費注冊]”超級鏈接，用戶就打開如圖2所示的頁面，即register.html文檔，如圖2所示。

圖1　鏈接到其他頁面　　　　　　　　　　　　　　　　　　　　　　　　　　　圖2　單擊“[免費注冊]”打開的頁面

在示例1中，3個文件處在不同目錄下，因此href參數可提供鏈接到其他目錄中的文件。應指定絕對或相對路徑名。

絕對路徑名：指定從根目錄到文件的完整路徑。例如，要指向文件register.html，絕對路徑名為D：\register\register.html。

相對路徑名：指定相對於當前文件的文件位置。假定docl.htm和doc2.htm在同一文件夾下，則從docl.htm到doc2.htm的相對路徑為：

二、鏈接到本頁面

如果一個頁面的內容過多，導致頁面過長，用戶需要不停地拖動滾動條來查看文檔中的內容，為了方便用戶閱讀過長的頁面內容，可以使用錨點鏈接。

命名錨記也稱為錨記，標簽的name屬性用於創建錨點。

＜Ａ　ｎａｍｅ＝“ｍａｒｋｅｒ＂＞主題名稱＜／Ａ＞

為達到這種跳轉效果，請在href參數中使用如下標記。

＜Ａ　ｈｒｅｆ＝＂ｍａｒｋｅｒ＂＞主題名稱＜／Ａ＞

超級鏈接名稱前面的符號“#”告訴浏覽器當前鏈接是文檔中的一個錨記點。由於在符號“#”前未指定任何文檔，浏覽器由此知道該鏈接位於同一文檔內。示例1演示了如何鏈接到同一文檔的各個部分。

示例1在浏覽器中預覽效果如圖1所示，單擊“[免費注冊]”超級鏈接，用戶就打開如圖2所示的頁面，即register.html文檔，如圖2所示。

圖1　鏈接到其他頁面　　　　　　　　　　　　　　　　　　　　　　　　　　　圖2　單擊“[免費注冊]”打開的頁面

在示例1中，3個文件處在不同目錄下，因此href參數可提供鏈接到其他目錄中的文件。應指定絕對或相對路徑名。

絕對路徑名：指定從根目錄到文件的完整路徑。例如，要指向文件register.html，絕對路徑名為D：\register\register.html。

相對路徑名：指定相對於當前文件的文件位置。假定docl.htm和doc2.htm在同一文件夾下，則從docl.htm到doc2.htm的相對路徑為：。

二、鏈接到本頁面

如果一個頁面的內容過多，導致頁面過長，用戶需要不停地拖動滾動條來查看文檔中的內容，為了方便用戶閱讀過長的頁面內容，可以使用錨點鏈接。

命名錨記也稱為錨記，標簽的name屬性用於創建錨點。

＜Ａ　ｎａｍｅ＝“ｍａｒｋｅｒ＂＞主題名稱＜／Ａ＞

為達到這種跳轉效果，請在href參數中使用如下標記。

＜Ａ　ｈｒｅｆ＝＂ｍａｒｋｅｒ＂＞主題名稱＜／Ａ＞

超級鏈接名稱前面的符號“#”告訴浏覽器當前鏈接是文檔中的一個錨記點。由於在符號“#”前未指定任何文檔，浏覽器由此知道該鏈接位於同一文檔內。示例1演示了如何鏈接到同一文檔的各個部分。

三、電子郵件鏈接

用戶可從網頁發送電子郵件。要做到這一點，可在鏈接標簽中插入“mailto：郵箱地址”

例如：

單擊“站長信箱”郵件鏈接，將打開用戶的電子郵件程序，並且“收件人：”文本框中的電子郵件地址已指定為[email protected]。

本節作業：

制作如下圖網頁。

以上就是精品學習提供的關於ｈｔｍｌ頁面鏈接標簽的內容，希望能夠帶給您幫助。