回到學院首頁選擇製網課程教學與製網有關的語言選擇輔助課程選擇網頁材料了解 HKIWC
The Best Web Hosting Company
 今昔HTML
 HTML概念
 標記一覽
 文件標記
 排版標記
 字體標記
 清單標記
 表格標記
 表單標記
 圖形標記
 連結標記Here
 框架標記
 影像地圖
 多媒體
 其他標記
 特殊字元
 調色原理
 StyleSheets
 加入實例
 本節實例
 疑難討論
 聯絡學院
 網絡辭典
歡迎到訪 PenPal Garden
ICQ 國際交友會
  ■ 本節主要介紹的標記:
<A>
<BASE>

欲明白本篇【HTML剖析】之標記分類請看 【標記一覽】。
亦請先明白圍堵標記與空標記的分別請看 【HTML概念】。

<A> :
<A> 稱連結標記,由 <A> 與 </A> 所圍的文字、圖片等等可以成為一個連結。

<A> 的一般參數設定:

例如 <a href="index.html" name="hello" target="_top">

  • href="index.html"
    這參數不能與另一參數 name 同時使用,使用這參數才能造成可按的連結。
    • 當作為一部連結時: href 所設定的是該連結所要連到的文件名稱,若 該文件與此 html 檔不是同在一目錄請加上適當的路徑,相對絕對皆可。相 對路徑絕對路徑的分別、內部連結外部連結的分別務必請看 Composer 教室的【連結進階】。
    • 當作為一部連結時: href 所設定的是該連結所要連到的同文件內參考 點或指定文件之參考點,且不需要包圍任何字畫只需加上結束標示 </a>便 可以,例如 <a href="#there"></a><a href="index.html#there"></a><a href="http://www.school.net.hk/~chris55/index.html#there"></a> 其中 there 便 是參考點,并需於其前加上符號 # 以作識別,參考點由下一個參數 name 事先於文件中埋下。

  • name="hello"
    這參數是為文件埋下參考點,作為被連結,不會被顯示。所以說造成一個內部連 結需要使用兩次 <A> 連結標記。一個使用參數 name 事先於文件中埋下一參考 點,另一個使用參數 href 連到這個參考點。

  • target="_top"
    設定連結被按後之結果所要顯示的視窗。可選值為: _blank, _parent, _self, _top, 框 窗名稱

    • target="框窗名稱"
      這只運用於框架中,若被設定則連結結果將顯示於該“框窗名稱”之框窗 中,框窗名稱是事先由框架標記所命名。
    • target="_blank"target="new"
      將連結的畫面內容,開在新的瀏覽視窗中。
    • target="_parent"
      將連結的畫面內容,當成文件的上一個畫面。
    • target="_self"
      將連結的畫面內容,顯示在目前的視窗中。(內定值)
    • target="_top"
      將框架中連結的畫面內容,顯示在沒有框架的視窗中。(即除去了框架)

例子一:(外部連結)
原始碼
<a href="../promote/engines.html">四百五十個尋找引擎</a>
<p><a href="http://www.hkseek.com/icq">
<img src="link_image.gif" width=99 height=44 border=1 alt="ICQ Garden"></a>
<p><a href="http://www.hkseek.com/icq">
<img src="link_image.gif" width=99 height=44 border=0 alt="ICQ Garden"></a>
顯示結果

例子二(內部連結):請到 PenPal Garden 的 FAQ Page 刻體驗一下何為內部連結。
原始碼 <a name="test"></a>
<a href="#test">本頁的內部連結</a>
<br><a href="http://www.school.net.hk/~chi/faq.html#14">跳到 PenPal Garden 的 FAQ 部分</a>
顯示結果

<BASE> :
<BASE> 是一個連結基準標記,用以改變文件中所有連結標記的參數內定值。它只能應用 於文件的開頭部分,即標記 <HEAD> 與 </HEAD> 之間。

<BASE> 的一般參數設定:

例如 <base href="http://www.microsoft.com/" target="_top">

  • href="http://www.microsoft.com/"
    設定該頁網頁中所有 HTTP 文件及圖形(包括相對路徑連結及 <IMG> 圖形標記 等)的內定路徑,其他如 ftp:// 及 gopher:// 等則不受影響。這參數只可填入一個相 對或絕對的路徑,不必填入檔案名稱。一般相對路徑連結及 <IMG> 圖形標記等是 內定以該頁網頁所在的目錄作為起點,若依這例子,該文件中所有連結將會以 http://www.microsoft.com/ 作為起點,若其中有連結如 <a href="index.html">Back to Main Page</a> ,那末它不會連到自已目錄下的 index.html,它將會連到 Microsoft 的 首頁,這是因為相對路徑己給 <BASE> 轉成絕對的了。
  • target="_top"
    設定該頁網頁中所有連結被按後之結果所要顯示的視窗,免得分別為所有連結加 上 target 參數,常應用於框架中。其設定與 <A> 連結標記中 target 參數相同。

例子容後再寫,你可親自嘗試或到一些以框架製作的網頁去體驗一下。

The Best Web Hosting Company
Download Internet Explorer Download Netscape Netvigator