HTML a href 超連結 - WebTech 網頁設計教學站

HTML a href 超連結語法規則. 顯示內容. HTML a href 超連結標籤內常用到的三個功能分別是href、target ... WEBTECH網頁設計教學站 首頁 PHP CSS HTML JavaScript GIMP Linux OpenOffice 瀏覽器 其它 Home › HTML › HTMLahref超連結 HTMLahref超連結 HTMLahref超連結是網頁設計非常重要的一個元素，透過ahref的超連結功能，才能創造出整個網際網路串連在一起的網，也是搜尋引擎spider索引資料的尋找過程中非常重要的路徑，所有的瀏覽器都支援ahref超連結的功能，這算是最基本HTML網頁設計基礎的一環，剛開始學習網頁設計的朋友，可能會透過一些網頁設計軟體如Dreamweaver、GoogleWebDesigner這些好用的所見即所得設計軟體來做，其中會有製作超連結的功能，只要切換到原始碼，就可以看到超連結原來是透過ahref的語法來完成的。

然而ahref超連結有許多種不同的特性，我們可以透過修改href內容來改變連結的目的網址，也可以透過target的目標設定，來修改超連結是要直接開啟或是在新的瀏覽器頁面開啟，先來看看這個ahref的語法規則。

HTMLahref超連結語法規則顯示內容HTMLahref超連結標籤內常用到的三個功能分別是href、target以及title，其中href用來標示超連結要連到哪個網址，target用來標示連結的目標，也就是要不要用新頁面開啟，這三項是比較常用到的連結目標。

target="_blank"-意思是在新視窗開啟target="_self"-意思是在原本的視窗開啟target="_parent"-意思是在父層視窗開啟title是用來顯示替代文字用的，一般來說title盡量與顯示內容相同。

HTMLahref超連結範例WebTech網頁設計教學站
WebTech網頁設計教學站
WebTech網頁設計教學站範例的效果WebTech網頁設計教學站WebTech網頁設計教學站WebTech網頁設計教學站範例總共準備了三個同樣的ahref超連結，不過設定上有一點點的差別，只有第一條超連結有使用title的功能，接著第二條超連結使用了在原本視窗開起的目標設定（target="_self"），這其實與第一條超連結是一樣的效果，因為超連結預設是就是從本來的視窗直接連結過去目標網址，第三條超連結就使用了在新視窗開起的目標設定（target=""_blank）。

目標設定target還有一個_parent怎麼沒有在範例中呢？其實target="_blank"比較常用在框架網頁中，用來決定框架內的超連結要怎麼開啟，網站的框架是透過iframe來設計，請參考這篇：HTMLiframe框架語法。

更多HTML語法HTMLlinktagHTML註解寫法HTMLtitle標籤(網頁標題)HTMLImageMap影像地圖設計 您可能會想看 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 設計具有超連結效果的HTMLolli自動排序項目清單 設計具有超連結效果的HTMLulli項目清單 HTMLolli列表(數字編號項目清單) HTMLulli列表(項目清單) HTMLtextarea表單多行文字輸入欄位背景圖片設計 HTMLtextarea表單多行文字輸入欄位背景顏色設計 即時熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 今日熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 ©Copyrightwebtech.twSince2010