網頁設計– HTML 超連結 | 社區大學終身學習網
![網頁設計– HTML 超連結](https://i.imgur.com/1IaoGs0.jpg)
標籤有一個href屬性,取自於英文hypertextreference簡稱,中文譯為「超文字參考」。比較白話的說,就是你要參考的內容,是要連結到什麼URL網址去。我們先來看 ...
![網頁設計– HTML 超連結](https://i.imgur.com/1IaoGs0.jpg)
前面我們曾經在 HTML 簡介[1] 中提到, HTML 是一種「超文字標示語言」,而這一篇我們要介紹的是「超連結」。
超連結的英文被稱做是 hyperlink ,聽起來好像很專業、很難懂的樣子,其實不然。所謂的超連結,目前已被大家直接簡稱為「連結」了。沒錯!它幾乎就是我們一般常講的連結的意思。
一般我們在網頁文章中,可能會提到一些名詞,或相關的網站,文章的作者可能會在文章中加上一個超連結,連到那個介紹網頁去,這就是用超連結來達成的;或是有些網站中有許多的功能選單或多個網站內頁,也會利用超連結的方式,讓人點選之後,網頁能夠導到讀者想要看的那個內容頁去;如果你在搜尋引擎中查詢某個關鍵字,然後搜尋引擎會列出這個關鍵字的搜尋結果,而你就可以透過點選搜尋結果中的連結,連到你所想要看的網站去了。
如果說 HTML 是帶動整個 全球資訊網[2] 發展的最重要功臣,則超連結則可以說是 HTML 中最具有代表性的重要功能了。不知道如何在網頁中加入超連結,就別說你懂得 HTML 網頁設計了。
在 HTML 中加入超連結超連結是使用 <a> 這個標籤, a 是取自於英文 anchor 的第一個字母,是「錨」或「停留點」之意,代表每一個超連結所連結過去的網頁,都是看這篇文章的人可能會另外去停留觀看的內容。
<a> 標籤有一個 href 屬性,取自於英文 hypertext reference 簡稱,中文譯為「超文字參考」。比較白話的說,就是你要參考的內容,是要連結到什麼 URL 網址[3] 去。
我們先來看一個簡單的超連結範例:
<html> <head> <title>網頁設計教學 HTML - 加入超連結</title> </head> <body> 這篇文章出自於 <a href="//phd.com.tw">博全科技</a...第5天:HTML | 社區大學終身學習網
HTML 超連結<a> 標籤(tag) | 社區大學終身學習網
什麼是HTML?網頁設計概念,開始使用HTML製作網頁 | 社區大學終身學習網
HTML 超連結 | 社區大學終身學習網
將你的網站發佈上線 | 社區大學終身學習網
利用網頁語法插入網址連結 | 社區大學終身學習網
必學!你不可以不知道兩個HTML最基本語法 | 社區大學終身學習網
HTML a href 超連結 | 社區大學終身學習網
網頁設計– HTML 超連結 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
社區電腦網頁設計實務班哪裡學?雲林縣山線社區大學開課資訊
想要學習社區電腦網頁設計實務班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML5, JQuery網頁設計哪裡學?新竹市科學城社區大學開課資訊
想要學習HTML5,JQuery網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
電腦應用部落格網站製作哪裡學?新竹市科學城社區大學開課資訊
想要學習電腦應用部落格網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...