【Html 教學】超連結 a 語法

Html中，可以透過超連結的方式跳轉到另外一個頁面也就是使用 <a> ，要如何操作呢？可以參考下方的教學

內容目錄

Html 超連結 a 語法

Html可以使用標籤 <a>來設置超連結

超連連結可以是一個字或一個段落更可以是一張圖片

只要點擊有使用<a>標籤的內容都會跳轉到對應的位置

當你把鼠標移動到網頁中有<a>標籤的內容時，箭頭會變成小手。

標籤<a>使用 herf 屬性可以指定你要跳轉到的網址

<a href="https://www.google.com/">點我會跳轉到Google首頁</a>

Html 超連結 target 屬性用途

使用 target 屬性，你可以定義點擊超連結後，要直接跳轉到新的頁面或是開啟一個新視窗跳轉到新的頁面

那要如何跳轉到新的視窗呢？

在 target 屬性等於 _blank 就能跳轉到新視窗了

<a href="https://www.google.com/" target="_blank">點我會開啟新視窗，跳轉到Google首頁</a>

下方為完整代碼，可以儲存到你本地端，副檔名設定為.html

可以開起來試著執行看看

<!DOCTYPE html>  
<html>      
  <head>          
    <meta charset="utf-8">          
    <title>Mark學習筆記</title>      
  </head>   
  <body>          
    <p>下面會直接跳轉到Google首頁</p>
    <a href="https://www.google.com/">點我會跳轉到Google首頁</a>    
    <br>
    <p>下面會開啟新視窗跳轉到Google首頁</p>
    <a href="https://www.google.com/" target="_blank">點我會開啟新視窗，跳轉到Google首頁</a>  
  </body>
</html>

文章內的程式碼都可以直接複製下來練習操作，或是直接套用到自己的專案都行！

多練習，對自已會有很大的幫助！

一回生二回熟，將所學習到內容變成自己的知識。

人就是要學習自己不會的事情，這樣才會不斷的成長、進步！

Html 超連結 a 語法

Html 超連結 target 屬性 用途

更多技術文章

Footer

Html 超連結 target 屬性用途