超連結要使用 <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 ="視窗名稱 ":開啟在指定名稱的視窗中。 |
由結果看來:在程式碼中使用各種不同的超連結來進行設定,
其中網址的超連結會 另開新頁來顯示指定網頁;
電子郵件超連結會使用系統註冊的電子郵件軟體,準備 寄信;
站內網頁使用相對路徑來設定超連結,並在目標頁同樣設定返回超連結;
檔案超連結會開啟另存新檔對話方塊,準備儲存下載檔案。
留言列表