分享

◖HTML◗ L4 - 加上超連結網址吧

網頁設計 HTML 零基礎課程

HTML5

現在你已經會寫一個簡單的標題文章了,不過你想要將你文章內容的某段文字可以讓別人點擊的時候可以連到你指定的網頁或是頁面該如何呢?這時候就必須要使用超連結標籤了(超連結聽起來可能會不習慣,不過它就是個連結的意思)

標籤語法:

  • 超鏈結標籤
<a href="網址或頁面">連結標題</a>
網頁設計 HTML 零基礎課程

超鏈接標籤

這個標籤怎麼會多一個 href呢?不用緊張~這個叫做標籤屬性,href這個屬性代表的就是你將要連結的網址或是頁面,是個a專屬的屬性喔~其他的標籤不可以亂用(例如 <p href="...">這樣是錯誤的,不可以這樣使用),如上圖如果你點了yahoo這個網頁就會直接跳轉到yahoo的畫面,這時候也有人會想但我想要開新畫面不想要原畫面被弄掉呢,當然沒問題,剛剛提到的標籤屬性就可以解決了
網頁設計 HTML 零基礎課程

開新畫面

使用屬性 target = "_blank"(意思就是我要在一個新的視窗開啟畫面),當然a的屬性不只這兩個,這邊只是提供實務上比較會用到的部分,其餘的功能可以自行去W3C網站查詢囉...
  

小提醒:a標籤除了可以連結網頁和頁面,還可以鍊接錨點,有興趣的朋友可以google看看..


課後練習:

  1. 請問a標籤中的href是什麼意思?
  2. 如果想要開一個新畫面該寫什麼屬性?
  3. 請試著用a標籤連結到google首頁,並開啟一個新的畫面.
#網頁設計  #HTML  #零基礎課程 
分類:學習

零基礎 / 簡單學 為宗旨的技術教學部落格

評論
上一篇
  • ◖HTML◗ L3 - 段落/換行/分隔線
  • 下一篇
  • ◖HTML◗ L5 - 文字粗體與斜體
  • 更多文章
    載入中... 沒有更多了