Page 23 - eFG11203_丙級網頁設計含資訊類題庫工作項目解析學術科通關寶典_課本PDF

術科解題基本知識

(6) 產生 2 列 3 欄
程式碼： 結果：
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
</tr>

（七）超連結的 HTML 語法

格式：<a 屬性 1=" 屬性 1 的值 " 屬性 2=" 屬性 2 的值 " …> 圖片或文字 </a>
屬性： (1) href：超連結至某一標的；格式為：<a href="# 錨點名稱 "> 關鍵字 </a>。
(2) name：錨點設定；格式為：<a name=" 錨點名稱 "> 關鍵字 </a>。

(3) target：目標框架；<a target=" 框架位置 " href=" 網址 "> 網站名稱 </a>。
(4) 框架位置有四種：_blank：開新視窗，_self：相同框架，_top：整頁，
_parent：父框架。

說明：<a> 用以設定網頁圖或文字的超連結。詳細說明如下表所示：

連結標的 說 明
‧ 錨點的用途：將網頁的某一關鍵字設定為書籤，可以作為連結時的標的。
文字超連結 ‧ 設定錨點，範例：<a name="A0916"></a> 日期：九月十六日
至 含意：將「日期：九月十六日」設定為錨點（書籤），名稱為 "A0916"。
錨點（書籤） ‧ 超連結至錨點，範例：<a href="#A0916"> 九月十六日 </a>。

含意：將「九月十六日」文字連結至名稱為 "A0916" 書籤所對應的網頁位置。
‧ 點按網頁中的關鍵字（此處為「檔案下載」），即可連結至該檔案。
文字超連結 ‧ 範例：<a href="others/park.exe" target="_parent"> 檔案下載 </a>
至 含意： 將「檔案下載」設定超連接至開啟 "others/park.exe" 檔案，

檔案
target = "_parent" 表示該網頁在上一層（父目錄）顯示。
‧ 點按網頁中的圖片，即可連結至該網頁。
文字超連結 ‧ 範例： <a href="index.html" target="_top"><img src="images/title.gif"
至 width="90" height="65" /></a>

網頁 含意： 將 "images/title.gif" 圖片設定超連結開啟 "index.html" 網頁，
target = "_ top " 表示該網頁顯示在最頂層位置。
‧ 點按關鍵字（此處為「中華電信」），即可連結至該網站。
文字超連結
至 ‧ 範例：<a target="_blank" href="http://www.cht.com.tw"> 中華電信 </a>
含意： 將「中華電信」四字設定超連接至 "http://www.cht.com.tw" 網站，
網站
target="_blank" 表示該網頁以開新視窗顯示之。
‧ 點按關鍵字（此處為「寫信給我」），即可連接預設郵件軟體及位址。
文字超連結
至 ‧ 範例：<a href="mailto:alice@yahoo.com.tw"> 寫信給我 </a>
含意： 將「寫信給我」四字設定超連接至 e-mail 位址，
電子郵件位址
"mailto" 是系統自行加上的郵件位址前導字元。

0-15

'( @ஔ߅ ਿ͉ٝᗆ 1IPUP*NQBDU JOEE ɨʹ