|
基礎HTML教學
Hyper Markup Language
|
|
11、超鏈結(Hyper
Link)
舉一個連結至網址http://tw.yahoo.com/ Yahoo!奇摩的語法為例,其語法如下:
<A HREF="http://tw.yahoo.com/" TARGET="_new">Yahoo!奇摩</A>
於瀏覽器瀏覽時Yahoo!奇摩連結說明文字則會以加底線Yahoo!奇摩的方式顯示。
其中TARGET="_new"或TARGET="_blank"的屬性是以新視窗開啟Yahoo!奇摩網站的連結。
TARGET屬性是用來定義一個超連結被選後該展現的目的地:
<A HREF="page01.htm" TARGET="right_windows">:
這個連結語法會將page01.htm文件的內容顯示到名稱為right_windows的窗格中。
<A HREF="page01.htm" TARGET=_self>:
這個連結語法會將page01.htm文件,取代原來的畫面,顯示在原來的窗格中。
<A HREF="page01.htm" TARGET=_top>:
這個連結語法會將page01.htm文件,以全螢幕的效果顯示。
<A HREF="page01.htm" TARGET=_blank>:
這個連結語法會將page01.htm文件,另新開一個瀏覽器視窗來顯示內容。
<BASE TARGET="right_windows">:
如您網頁中所有的連結都要顯示在right_windows這個視窗中,那麼只要在<HEAD>...</HEAD>標註區段中加入<BASE
TARGET="right_windows">語法就可以了。
您也可以直接改變連結文字的顏色或字型大小...等屬性:
<A HREF="http://tw.yahoo.com/" TARGET="_new"><font
color=hotpink><u><i><b>Yahoo!奇摩</b></i></u></font></A>
顯示結果:Yahoo!奇摩
連結的文字說明,除了用來說明要連結的點外,也可和<IMG SRC="圖檔名稱">共用以圖片代替連結文字,如:
<A HREF="http://..........." TARGET="_new"><IMG
SRC="圖檔位址">說明文字</A>
<a href="http://www.9w2u.com/" TARGET="_blank"><img
src="http://www.9w2u.com/images/Main_01.gif" width="253"
height="69" border="0">9W個人設計工作室</a>
顯示結果:
9W個人設計工作室
如何在網頁上放上E-mail電子信箱的連結讓訪客一點連結便可利用寄信程式寄信,設定方式如下:
<a href="mailto:您的E-mail?subject=E-mail信件的主題">作者姓名等說明文字</a>
您也可以直接擺上個信箱的圖,而不必任何的說明文字,例如:
<a href="mailto:您的E-mail?subject=E-mail信件的主題"><IMG SRC="圖檔" alt="寫信給我們"></a>
使用相同的語法可以連結多媒體或文件檔,不同地方是被連結檔案的檔案格式而已 :
<A HREF=MPEGMovie.mpg>說明文字</A>(設定一
個指到 MPEG 檔案的連結)
一般常用多媒體或文件檔的副檔名如下 :
檔案類型
|
副檔名
|
文書文件
|
.txt .pdf .doc ...
|
簡報 |
.ppt .pps ...
|
資料庫
|
.mdb .db ...
|
Html
|
.htm .html .shtml .asp .jsp .cgi .pl ...
|
圖形檔
|
.gif .jpeg .jpg .tiff .tif .xbm .ps, .eps .png ...
|
PostScript
|
.ps .eps ...
|
聲音檔
|
.au .wav .aiff .aif .mp3 ...
|
多媒體
|
.mpeg .mpg .mov .qt .flc .fli .swf .rm .rmvb ...
|
壓縮檔
|
.zip .rar .arj .iso .lzh .tar .gzip .cab .ace ...
|
執行檔 |
.exe ... |
其他
|
.js .css .torrent ... 其他各種檔案
|
|
|
|
本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站 本站所鏈結標題及鍊結內容 皆歸原權利人所有 網站內容如有任何侵權 亦請通知本站刪除 謝謝! Power by 9 Walker Studio
|
|