★ ≡ 學習園地 ≡ 《HTML》《JavaScript》 ★
回目錄 + 建立連結 + 製作表格 + 索引地圖 + 建立框架 + 更多語法

建立連結
透過超連結.您可以從目前的網頁跳到其他的網頁.或是其他的網路資源.例如FTP, NEWS, TELNET, EMAIL。而連結的目標則是以URL來描述的(Ex: http://www.geocities.com)。

建立超連結的語法:    <A HREF= " URL "> 連結名稱 </A>

PS: 其中”連結名稱”可改用圖形來替代. 用法請依照圖形語法說明.


→次目錄。普通網頁連結文件內部連結網路資源連結。次目錄←


URL 的定址方式分為相對定址絕對定址兩種:

(一)相對定址: 
常您使用斜線符號 "/" 時.就表示下探一層目錄.而小數點 ".." 則表示要上溯一層。
以下為相對定址的範例:

<A HREF="home.html"> 連結到相同目錄下的"home.html"網頁
<A HREF="menu/page.html"> 連結到menu目錄下的"page.html"網頁
<A HREF="new/menu/pg.html"> 連結到new/menu目錄下的"pg.html"網頁
<A HREF="../home.html"> 連結到上一層目錄下的"home.html"網頁
<A HREF="../../home.html"> 連結到上兩層目錄下的"home.html"網頁

(二)絕對定址: 
如果您是要連結到別人的站台.這時您就可以用絕對定址來做超連結嘍!
絕對定址的範例:HREF="http://www.yahoo.com"

到最上面

同一文件內的相互連結
除了在不同的網頁之間做連結外.您還可以直接連結到同一個網頁內的任意點。

(1) 首先要先設置好相對應的「錨點」(Anchor):
    <A NAME="name1"></A> 其中的 "name1" 實為錨點名稱

(2) 然後在適當位置放上連結:
    <A HREF="#name1">指定點連結</A> 其中的 "name1" 實為錨點名稱



原始檔:

* <a href="#place1">點一連結</a> 
* <a href="#place2">點二連結</a> 
* <p>
.
.
.
<p>

<a name="place1"><u>指定點一</u></a>

<p>
.
.
.
<p>

<a name="place2"><u>指定點二</u></a>

<p>
.


範例:

* 點一連結 * 點二連結 *

line 1

line 2

line 3

指定點一

line 5

line 6

line 7

指定點二

line 9

到最上面

連結其他網上服務/資源
FTP - 檔案下載服務 EX: <A HREF="FTP://FTP.ULEAD.COM.TW">
GOPHER - 小田鼠查詢系統 EX: <A HREF="GOPHER://GOPHER.SEED.NET.TW">
NEWS - 新聞群組 EX: <A HREF="NEWS:BUNNY.NTU.EDU.TW">
TELNET EX: <A HREF="TELNET:BBS.SEED.NET.TW">
FILE - 開啟本磁碟中檔案 EX: <A HREF="FILE://GOOD/MENU/PAGE.HTML">
EMAIL - 寄信系統 EX: <A HREF="MAILTO:[email protected]">

Hosted by www.Geocities.ws

1