<A>
<BASE>
■ <A> :
<A> 稱連結標記,由 <A> 與 </A> 所圍的文字、圖片等等可以成為一個連結。
<A> 的一般參數設定:
例如 <a href="index.html" name="hello" target="_top">
● href="index.html"
這參數不能與另一參數 name 同時使用,使用這參數才能造成可按的連結。
○ 當作為一外部連結時:href 所設定的是該連結所要連到的文件名稱,若該文件與此html 檔不是同在一目錄請加上適當的路徑,相對絕對皆可。
○ 當作為一內部連結時: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=http://www.sj33.cn>設計之家</a> <p><a href=http://www.sj33.cn> <img src="link_image.gif" width=99 height=44 border=1 alt="設計之家"></a> <p><a href=http://www.sj33.cn> <img src="link_image.gif" width=99 height=44 border=0 alt="設計之家"></a> |
顯示結果 |
例子二(內部連結):請到 PenPal Garden 的 FAQ Page 刻體驗一下何為內部連結。
原始碼 | <a name="test"></a> <a href="#test">本頁的內部連結</a> <br><a href=http://sj33.cn/article>跳到 設計之家平面設計</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 參數相同。
例子容後再寫,你可親自嘗試或到一些以框架制作的網頁去體驗一下。
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
帶你輕鬆打開SVG動畫的大HTML教程2016-06-08
36個重要的HTML標簽HTML教程2012-05-15
10個最容易犯的HTML標簽錯HTML教程2010-09-11
border:none;與border:0;的區別HTML教程2009-11-26