HTML網頁超鏈接標記<A>學習教程

html網頁超鏈接標記學習教程

鏈接標記的屬性

鏈接是網頁頁面中最重要的元素之一，是一個網站的靈魂。一個網站是由多個頁面組成的，頁面之間依靠鏈接確定相互的導航關係。每一個網頁都有獨一無二的地址，在英文中被稱作url(uniform resource locator：通用資源標示符)。在地址欄輸入http://www.VeVb.com然後回車，會打開網頁教學網網站的主頁面。可以看到，頁面中有多個欄目，多條新聞等，最上方不同的欄目就是文字鏈接。

鏈接標記雖然在網站設計製作中佔有不可替代的地位，但是其標記只有一個，那就是<a>標記。本站介紹的鏈接應用都是基於<a>標記基礎上的。

鏈接標記的屬性見下表

關於路徑

每一個文件都有自己的存放位置和路徑，理解一個文件到要鏈接的那個文件之間的路徑關係是創建鏈接的根本。 url—統一資源定位器，指的就是每一個網站都具有的獨立的地址。同一個網站下的每一個網頁都屬於同一個地址之下，但是當創建網頁時，不可能也不需要為每一個鏈接都輸入完全的地址。我們只需要確定當前文檔同站點根目錄之間的相對路徑關係。因此鏈接可以分為以下3種：

• 絕對路徑

  如http://www.VeVb.com

• 相對路徑

  如news/default.htm

• 根路徑

  如/website/news/default.htm

在了解這三種地址形式前先要理解另外兩個概念：內部鏈接和外部鏈接

內部和外部都是相對於站點文件夾而言，如果鏈接指向的是站點文件夾之內的文件，就是內部鏈接。如果鏈接指向站點文件夾之外的，就被稱做外部鏈接。在添加外部鏈接的時候，將用到下面所講的絕對地址；而添加內部鏈接的時候，將用到下面所講的根目錄相對地址和文件相對地址。

下面分別介紹這3種鏈接：

1. 絕對路徑

   絕對路徑為文件提供完全的路徑，包括適應的協議，如http,ftp,rtsp等。一般常見的有：

   http://www.sohu.com

   ftp://202.136.254.1

   當鏈接到其它網站中的文件時，必須使用絕對鏈接。

2. 相對路徑

   相對鏈接最適合網站的內部鏈接。只要是同一網站之下的，即使不在同一個目錄下，相對鏈接也非常合適。文件相對地址是書寫內部鏈接的理想形式。只要是處於站點文件夾之內，相對地址可以自由地在文件之間構建鏈接。這種地址形式利用的是構建鏈接的兩個文件之間的相對關係，不受站點文件夾所處服務器位置的影響。因此這種書寫形式省略了絕對地址中的相同部分。這樣做的優點是：站點文件夾所在的服務器地址發生改變時，文件夾的所有內部鏈接(如果採用此種地址形式)都不會出問題。

   相對鏈接的使用方法為：

   • 如果鏈接到同一目錄下，則只需輸入要鏈接文檔的名稱。
   • 要鏈接到下一級目錄中的文件，只需先輸入目錄名，然後加/ 再輸入文件名。
   • 如鍊接到上一級目錄中的文件，則先輸入…/ ，再輸入目錄名、文件名。

3. 根路徑

   根目錄相對地址同樣適應於創建內部鏈接，但大多數情況下，不建議使用此種地址形式。它在下列情況下使用：

   • 當站點的規模非常大，防置於幾個服務器上時
   • 當一個服務器上同時放置幾個站點時

根目錄相對地址的書寫形式也很簡單，首先以一個斜杠開頭，代表根目錄，然後書寫文件夾名，最後書寫文件名。根路徑以/ 開始，然後是根目錄下的目錄名。