|
一個內容鬆散，頁面攏長的頁面，常常會讓人看到想睡覺@@!!，若是透過連結語法<a>，將這些收集來的資料，分類整合，再運用一面網頁製作內容導覽，瀏覽者僅透過導覽，便可輕易的找尋到自己所需要的內容，如此不僅減少了檔案大小( 瀏覽下載速度 )、縮減頁面的長度及符合覽閱者閱讀的習慣，關鍵就在<a>語法的功能。 解釋的夠多了...大家來看看<a>的功能及其他所屬參數，自己親身體驗試試看ㄅ。 |
| 項 目 | 參數 | 語 法 | 效果範例 | 說明 |
| 連結對像 href |
無 | <a href=//mychat.to/dye>染布坊</a> | 染布坊 | 該視窗(分割窗)開啟 |
| 視窗目標指向 target |
_blank | <a href=//mychat.to/dye target=_blank>染布坊</a> | 染布坊 | 另開視窗開啟 |
| _top | <a href=//mychat.to/dye target=_top>染布坊</a> | 染布坊 | 該視窗開啟 | |
| _self | <a href=//mychat.to/dye target=_self>染布坊</a> | 染布坊 | 該視窗(分割窗)開啟 | |
| _parent | <a href=//mychat.to/dye target=_parentk>染布坊</a> | 染布坊 | 該視窗上層視窗開啟 | |
| 自訂 | <a href=//mychat.to/dye target=link>染布坊</a> | 染布坊 | 自訂開啟視窗 標籤名稱 |
|
| 連結信箱 E - Mail |
無 | <a href=mailto:alienchen@seed.net.tw>來信</a> | 來信 | 自動開啟空白信件 |
| 設定快速鍵 accesskey |
無 |
<a href=http://dye.mychat.to accesskey=1>染布坊</a> | 染布坊 | 使用者同時按 "ctrl"+"1"+"enter" |
| 設立錨點 name |
自訂錨點 | <a name=test></a> | 自訂錨點名稱 | |
| 連結錨點 | <a href=#test>TOP</a> | TOP | 連結錨點位置 | |
| 連結說明 title |
<a href=//mychat.to/dye title=歡迎光臨染布坊>染布坊</a> | 染布坊 | 滑鼠直至連結便出現說明 | |
| 圖片連結 <a><img></a> |
無 | <a href=//mychat.to/dye><img src=http://dye1.mychat.to/image/dm_dye.gif></a> |  |
有邊框 |
| border | <a href=//mychat.to/dye><img src=http://dye1.mychat.to/image/dm_dye.gif border=0></a> | |
無邊框 | |
| 無 | <a href=//mychat.to/dye><img src=http://dye1.mychat.to/image/dm_dye.gif border=0 alt=歡迎光臨染布坊></a> | |
無邊框圖片說明 | |
| 連結背景色 style= background-color |
輸入色碼 | <a href=//mychat.to/dye style=background-color:003399>染布坊</a> | 染布坊 | 修改連結文字 背景色 |
| 變更連結游標 style=cursor |
auto | <a href=//mychat.to/dye style=cursor:auto>染布坊</a> | 染布坊 | 符號：自動狀態 |
| crosshair | <a href=//mychat.to/dye style=cursor:crosshair>染布坊</a> | 染布坊 | 符號：十字狀態 | |
| default | <a href=//mychat.to/dye style=cursor:default>染布坊</a> | 染布坊 | 符號：預設值 | |
| pointer | <a href=//mychat.to/dye style=cursor:pointer>染布坊</a> | 染布坊 | 符號：點選狀態 | |
| move | <a href=//mychat.to/dye style=cursor:move>染布坊</a> | 染布坊 | 符號：移動狀態 | |
| text | <a href=//mychat.to/dye style=cursor:text>染布坊</a> | 染布坊 | 符號：文字狀態 | |
| wait | <a href=//mychat.to/dye style=cursor:wait>染布坊</a> | 染布坊 | 符號：沙漏狀態 | |
| help | <a href=//mychat.to/dye style=cursor:help>染布坊</a> | 染布坊 | 符號：問號狀態 | |
| n-resize | <a href=//mychat.to/dye style=cursor:n-resize>染布坊</a> | 染布坊 | 符號：上箭頭 | |
| s-resize | <a href=//mychat.to/dye style=cursor:s-resize>染布坊</a> | 染布坊 | 符號：下箭頭 | |
| w-resize | <a href=//mychat.to/dye style=cursor:w-resizr>染布坊</a> | 染布坊 | 符號：左箭頭 | |
| e-resize | <a href=//mychat.to/dye style=cursor:e-resize>染布坊</a> | 染布坊 | 符號：右箭頭 | |
| ne-resize | <a href=//mychat.to/dye style=cursor:ne-resize>染布坊</a> | 染布坊 | 符號：／箭頭 | |
| nw-resize | <a href=//mychat.to/dye style=cursor:nw-resize>染布坊</a> | 染布坊 | 符號：＼箭頭 | |
| sw-resize | <a href=//mychat.to/dye style=cursor:sw-resize>染布坊</a> | 染布坊 | 符號：／箭頭 | |
| se-resize | <a href=//mychat.to/dye style=cursor:se-resize>染布坊</a> | 染布坊 | 符號：＼箭頭 | |
|
以上所列舉的語法應用皆可以複合性的搭配使用： 測試範例： 語法： |
||||