HTML 超連結

文章推薦指數: 80 %
投票人數:10人

超連結可以說是網際網路的一大特色,英文本名為HyperLink,網路本來就是連來連去的,只要透過簡單的HTML 超連結,就可以輕鬆的連結其它的網頁,常見的超連結有網頁超 ... 首頁 HTML HTML5 PHP MySQL CSS CSS3 JavaScript 軟體介紹 其它 Home › HTML › HTML超連結 HTML超連結 超連結可以說是網際網路的一大特色,英文本名為HyperLink,網路本來就是連來連去的,只要透過簡單的HTML超連結,就可以輕鬆的連結其它的網頁,常見的超連結有網頁超連結、電子郵件超連結、FTP、telnet等,各種超連結的用途並不一樣,不過網路一直進化到現在,已經有許多的變化了,像是電子郵件超連結漸漸少人使用,因為蒐集E-Mail的機器人實在是太多,另外telnet在早年也是相當熱門的,因為當時許多大學生都會上學校的BBS(電子佈告欄系統),但現在BBS使用量已經不像以前這麼多(PTT除外),而且要上PTT也可以使用類似PCman這樣的軟體,不過我們這篇介紹還是把這幾個超連結範例都提供一下,至於telnet就不寫了。

各式超連結種類語法超連結種類超連結語法呈現結果網頁超連結語法連結名稱連結名稱電子郵件連結語法寄信給我寄信給我FTP超連結語法FTP名稱FTP名稱以上三個較為常用,請自行嘗試寫寫看,表格最後一欄的呈現結果使用的是所謂的"假連結",也就是寫成「ahref="#"」這樣,瀏覽器會自動判斷為假連結,通常用來預覽使用,並沒有真正的超連結效果。

網頁超連結語法範例Wibibi網頁設計教學百科範例呈現結果如Wibibi網頁設計教學百科在範例中還使用了『target』叫做連結目標的屬性,寫成『target="_blank"』代表要另外開新視窗,HTML超連結有許多不同的連結目標,例如_self、_parent...等,可以用來控制超連結的開啟行態,關於詳細的連結目標可以參考此篇:HTMLahref連結屬性。

另外我們還在範例中使用了『title』來顯示替代文字,功能是當滑鼠移經超連結的時候會顯示的文字,因為有的時候設計師會幫超連結做一些美化,透過替代文字可以清楚的表示出超連結的位置,替代文字必須與連結目的地有絕對的相關。

推薦給您的相關主題HTMLahref連結屬性imghref圖片連結HTML圖片插入或加入連結語法用CSS設計當滑鼠移經超連結時才顯示底線隱藏超連結底線修改超連結顏色HTMLbase標籤 您可能會想看 HTMLdiv標籤 設計HTML圖片與圖片邊框間的距離 DIV區塊內文字與邊框的距離調整 HTMLTABLE表格內的文字行高 DIV區塊內的文字行高設計 替HTMLbutton按鈕增加背景圖片 HTMLimgtitle與imgalt的差別 用CSS設計HTML表格欄位內文字靠下對齊 用CSS設計HTML表格欄位內文字靠上對齊 HTMLTablecolspan屬性 今日熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 即時熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 ©Copyrightwibibi.com網頁設計教學百科基礎的網頁設計規劃、資料庫與程式設計Since2012



請為這篇文章評分?