插入網址超連結

基本的句法如下：

<a href="https://google.com">點此文字連到google首頁</a>

要製作網頁超連結，必須使用一個<a>標籤，並使用 href 屬性來放置連結網址。

另外還可以放置target屬性，來決定要怎樣開啟這個超連結，有以下幾種

• _self － 默認屬性，從目前的頁面直接開啟，如果超連結在獨立框架內，會以框架方式開啟網頁。
• _blank －從新的視窗或分頁開啟。
• _parent －由原視窗直接開啟，與self不同的地方在於，如果有網頁有設計多層框架，會以父框架為開啟頁面，但如果沒有設定子框架就是直接覆蓋目前視窗。
• _top – 直接覆蓋原視窗，如沒有設定框架，與_parent, _self 效果沒有差別。

<a href="https://google.com"  target="_blank">Visit W3Schools!>點此文字開新分頁連到google首頁</a>

除了絕對路徑的網址之外，也可以用相對路徑開啟超連結

<a href="/html/default.asp">HTML tutorial</a>

E-mail 超連結

在 href 後方先輸入『mailto: 』接上email，就能成為mail的超連結。

<a href="mailto:someone@example.com">Send email</a>

修改超連結樣式

預設的超連結是文字內容，這邊筆記兩樣可以改的方式

一、改成用圖案當作超連結

在超連結的<a>標籤中加入<img>標籤即可將圖片當作超連結

<a href="default.asp">
	<img src="smiley.gif" alt="HTML tutorial" style= "width:42px; height:42px;">
</a>

二、用按鈕當作超連結

直接加入一個button 並在屬性中加入onclick標籤， 內容為document.location=’ 要當成超連結的網址’。

<button onclick="document.location='<https://www.w3schools.com/html/html_links.asp>'">HTML Tutorial</button>
<!-- onclick為javascript語法 這邊不贅述 --->