超連結要使用 <a> 元素設定,可以在網頁的文字或是圖片上加上連結設定,

當瀏覽者點選這個連結之後可以被導引到另外一個位置,

如網頁、檔案、電子郵件、FTP ... 等。

語法如下:

<a href=" 連結資源位置 " target=" 連結開啟方式 "> 顯示文字或圖片 </a>

 

屬性 說明
href

設定連結資源的位置,常用的有:

1. 網址:網路網址或網頁,必須加上通訊協定「http://」,例如「http:// www.e-happy.com.tw」。

2. 頁內:連結同頁中使用「id」屬性命名的元素位置,連結時使用「#id」 即可將頁面捲動到該「id」為名的元素位置。

3. 站內網頁:連結站內網頁,設定的方式是該頁面與目前頁面的相對路徑,例如 「/ch01/ex.htm」。

4. 檔案:網路的檔案路徑或是站內的檔案的相對路徑,例如「http://www. e-happy.com.tw/download/ex.zip」。

5. 電子郵件:必須加上通訊協定「mailto:」,例如「mailto:service@e-happy. com.tw」。

6. FTP:必須加上通訊協定「ftp://」,例如「ftp://ftp.e-happy.com.tw」。

      target

連結資源後開啟的方式,設定格式有:

1. target = "_blank":開啟在新瀏覽器視窗中。

2. target= "_parent":開啟在目前視窗,若有框架會在上一層框架中開啟。

3. target = "_self":開啟在目前視窗或框架中,是預設值。

4. target = "_top":開啟在目前視窗中,若有框架會在移除框架以整頁顯示。

5. target ="視窗名稱 ":開啟在指定名稱的視窗中。

 

image

由結果看來:在程式碼中使用各種不同的超連結來進行設定,

其中網址的超連結會 另開新頁來顯示指定網頁;

電子郵件超連結會使用系統註冊的電子郵件軟體,準備 寄信;

站內網頁使用相對路徑來設定超連結,並在目標頁同樣設定返回超連結;

檔案超連結會開啟另存新檔對話方塊,準備儲存下載檔案。

arrow
arrow
    創作者介紹
    創作者 STORY 的頭像
    STORY

    STORY

    STORY 發表在 痞客邦 留言(0) 人氣()