第九章、超重要超連結
本章目標：
- 什麼是超連結？需要談到 URL(Universal Resource Locator)，格式如下：
<scheme>://<host[:port]/<path>/<filename>
基本上的機制 (scheme) 有：
- http://www.ksu.edu.tw
- telnet://bbs.ptt.cc
- ftp://ftp.isu.edu.tw
- mailto:dmtsai@mail.ksu.edu.tw
- 超連結主要利用如下的語法：
<a href="URL" target="框架名稱" title="滑鼠上的名稱" alt="同title用法" >顯示在網頁上的名稱</a>
各元件的說明如下：
- href="URL"：裡面接的就是上一題談到的各 URL 的資料；
- target="關鍵字或者是特定框架名稱"：有的關鍵字如下所示：
- _blank：新開一個視窗出來將連結顯示；
- _self：在原本的框架中顯示出目前的連結網址；
- _top：將瀏覽器的視窗之框架展開，以最大視窗顯示連結的目標；
- 某個名稱：每次都將連結的資料丟到這個名字的瀏覽畫面中。
- title="", alt=""：這兩個每次都要同時使用，因為IE支援alt，firefox 支援 title，這玩意兒可以讓你的滑鼠在移動到超連結時，
會在螢幕上面顯示特別的關鍵字！
- href="mailto:" 的特殊用法：
- 如果有多個收件者，可以利用分號隔開：<a href="mailto:dmtsai@mail.ksu.edu.tw;vbird@mail.vbird.idv.tw">...
- 如果要直接幫使用者加上標題，可使用： "mailto:dmtsai@mail.ksu.edu.tw?subject=標題的文字" 來處理
- 副本使用： "?cc=email@hostname"，密件副本使用 "?bcc=email@hostname"
- 超連結的顏色設定方面，需要設定在 <body > 的項目中，主要可設計的項目有：
- link="色碼" ：目標網址未曾被瀏覽過的顏色；
- vlink="色碼" ：目標網址已經被瀏覽過的顏色；
- alink="色碼" ：滑鼠按下且尚未放開滑鼠時的顏色。
- 段落的位置處理：可以讓你的畫面在同一個網頁上面跳動！這個也可以稱為『頁面標籤』就是了。
- 在欲設定的文章處，需要指定標籤，指定的作法：<a name="這個標籤名"></a>；
- 使用超連結時的方法：<a href="#這個標籤名">你的名稱</a>
本章實作題：
- 請建立 chap09-1.html 檔案：
- 使用 table 建立一個三欄的表格，caption 顯示『我的聯絡資訊』；
- 左邊欄位：最上方置中文字寫『我的書籤』，底下使用清單的方式列出你常去逛的網站，至少五個；
- 中間欄位：填寫你自己的資料，包括姓名、嗜好、email、facebook 帳號相關資訊等，但是其他個人資訊不可公開！
- 右邊欄位：填入『崑山科大資傳系相關連結』，內容填寫與我們崑山有關的有用連結，包括上課網站、網大、崑大等等，
至少也要五個，也是使用清單喔！
- 注意，每個超連結在滑鼠移動到上頭的時候，可以顯示出你的中文說明；
- 你可以設計底圖或底色，讓你的超連結顏色與底圖能夠較為配合為佳！
- 請下載 chap_09_2.txt 檔案，並做成 chap_09_2.html ：
- 該檔案內容共分為五大部分，每個部分均需有類似書籤的功能，能夠讓使用者按下最上頭的連結後，
就能夠連結到適當的頁面位置；
- 並且在每個連結最後頭加上一個(top)的字樣，讓使用者能夠回到最上方的連結畫面中！
- 至於本題的原始資料也請參考檔案中的連結資訊喔！依據該資訊內的資料排列格式來調整你的版面！
- 請修改 index.html 檔案，將本章的實作題加入超連結當中。
|