HTML網頁超連結标記
網際網路 釋出時間：2008-10-17 18:57:21 作者：佚名
我要評論
HTML網頁超連結标記學習教程
連結标記的屬性
連結是網頁頁面中最重要的元素之一，是一個網站的靈魂。一個網站是由多個頁面組成的，頁面之間依靠連結确定互相的導航關系。每一個網頁都有獨一無二的位址，在英文中被稱作url(Uniform Resource Locator：通用資源标示符)
HTML網頁超連結标記學習教程
連結标記的屬性
連結是網頁頁面中最重要的元素之一，是一個網站的靈魂。一個網站是由多個頁面組成的，頁面之間依靠連結确定互相的導航關系。每一個網頁都有獨一無二的位址，在英文中被稱作url(Uniform Resource Locator：通用資源标示符)。在位址欄輸入https://www.jb51.net然後回車，會打開腳本之家網站的首頁面。可以看到，頁面中有多個欄目，多條新聞等，最上方不同的欄目就是文字連結。
連結标記雖然在網站設計制作中占有不可替代的地位，但是其标記隻有一個，那就是标記。本站介紹的連結應用都是基于标記基礎上的。
連結标記的屬性見下表
屬性
描述
href
指定連結位址
name
給連結命名
title
給連結提示文字
target
指定連結的目标視窗
accesskey
連結熱鍵
關于路徑
每一個檔案都有自己的存放位置和路徑，了解一個檔案到要連結的那個檔案之間的路徑關系是建立連結的根本。url—統一資源定位器，指的就是每一個網站都具有的獨立的位址。同一個網站下的每一個網頁都屬于同一個位址之下，但是當建立網頁時，不可能也不需要為每一個連結都輸入完全的位址。我們隻需要确定目前文檔同站點根目錄之間的相對路徑關系。是以連結可以分為以下3種：
絕對路徑
如https://www.jb51.net
相對路徑
如news/default.htm
根路徑
如/website/news/default.htm
在了解這三種位址形式前先要了解另外兩個概念：内部連結和外部連結
内部和外部都是相對于站點檔案夾而言，如果連結指向的是站點檔案夾之内的檔案，就是内部連結。如果連結指向站點檔案夾之外的，就被稱做外部連結。在添加外部連結的時候，将用到下面所講的絕對位址；而添加内部連結的時候，将用到下面所講的根目錄相對位址和檔案相對位址。
下面分别介紹這3種連結：
絕對路徑
絕對路徑為檔案提供完全的路徑，包括适應的協定，如http,Ftp,rtsp等。一般常見的有：
http://www.sohu.com
ftp://202.136.254.1
當連結到其它網站中的檔案時，必須使用絕對連結。
相對路徑
相對連結最适合網站的内部連結。隻要是同一網站之下的，即使不在同一個目錄下，相對連結也非常合适。檔案相對位址是書寫内部連結的理想形式。隻要是處于站點檔案夾之内，相對位址可以自由地在檔案之間建構連結。這種位址形式利用的是建構連結的兩個檔案之間的相對關系，不受站點檔案夾所處伺服器位置的影響。是以這種書寫形式省略了絕對位址中的相同部分。這樣做的優點是：站點檔案夾所在的伺服器位址發生改變時，檔案夾的所有内部連結(如果采用此種位址形式)都不會出問題。
相對連結的使用方法為：
如果連結到同一目錄下，則隻需輸入要連結文檔的名稱。
要連結到下一級目錄中的檔案，隻需先輸入目錄名，然後加" / "再輸入檔案名。
如連結到上一級目錄中的檔案，則先輸入"…/ "，再輸入目錄名、檔案名。
根路徑
根目錄相對位址同樣适應于建立内部連結，但大多數情況下，不建議使用此種位址形式。它在下列情況下使用：
當站點的規模非常大，防置于幾個伺服器上時
當一個伺服器上同時放置幾個站點時
根目錄相對位址的書寫形式也很簡單，首先以一個斜杠開頭，代表根目錄，然後書寫檔案夾名，最後書寫檔案名。根路徑以" / "開始，然後是根目錄下的目錄名。
相關文章
下面小編就為大家帶來一篇HTML基礎知識——設定超連結的樣式簡單執行個體。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟随小編過來看看吧2016-07-11
這篇文章主要介紹了HTML中的超連結标簽使用教程,包括郵件連結的使用方法,需要的朋友可以參考下2016-07-08
這篇文章主要介紹了XHTML中的超連結标簽使用教程,包括錨連結和連結相對位址用法的介紹,需要的朋友可以參考下2016-03-06
這篇文章主要介紹了html如何用超連結打開新視窗其可控制視窗屬性，主要使用到js的window.open方法，感興趣的朋友可以看看哦2014-09-06
html超連結a标簽的href跳轉跟onclick之間執行關系：如果onclick傳回false，則a不進行跳轉，如果onclick傳回true，則a跳轉，感興趣的朋友可以了解下本文2014-01-07
html 圖檔img加了超連結之後産生難看的藍色邊框該怎麼解決呢？在接下來的文章中将為大家介紹下詳細的解決方法，感興趣的朋友可以參考下2013-10-14
html超連結樣式包括：正在連接配接、通路過、滑鼠盤旋，各個文本字型樣式設定如下，感興趣的朋友可以學習下哦。希望對大家有所幫助2013-08-09
Vm中一個超連結URL需要拼接中文作為Get請求的參數如果直接拼接，傳到背景Action的參數對象中後取出會是亂碼，需要編碼後再拼接到URL上,接下來将和大家分享一下解決方法2012-12-30
咪咕視訊app已下載下傳的視訊怎麼删除？咪咕視訊app中緩存了很了視訊，想将看完了的視訊删除，該怎麼删除呢？下面我們就來看看咪咕視訊删除緩存的教程，需要的朋友可以參考下2017-02-15
超級連結a标記代表一個連結點，是英文anchor(錨點)的簡寫。它的作用是把目前位置的文本或圖檔連接配接到其他的頁面、文本或圖像，這已是衆所周知了，但關于它的文法結構可能2009-04-02
最新評論