HTML連結教學詳解

HTML 使用超級連結與網路上的另一個文件相連。幾乎可以在所有的網頁中找到連結。點擊連結可以從一張頁面跳到另一張頁面。

試試看 - 實例

HTML 連結
如何在HTML文件中建立連結。

(可以在本頁底端找到更多實例)

HTML 超連結（連結）

HTML使用標籤 設定超文本連結。

超連結可以是一個字，一個詞，或一組詞，也可以是一幅圖像，您可以點擊這些內容來跳到新的文件或目前文件中的某個部分。

當您把滑鼠指標移到網頁中的某個連結時，箭頭會變成一隻小手。

在標籤 中使用了href屬性來描述連結的位址。

預設情況下，連結將以以下形式出現在瀏覽器中：

一個未訪問過的連結顯示為藍色字體並帶有下劃線

訪問過的連結顯示為紫色並帶上下劃線

點擊連結時，連結顯示為紅色並帶上下劃線

HTML 連結語法

##連結的HTML 程式碼很簡單。它類似這樣：:

<a href="url">Link text</a>

href 屬性描述了連結的目標。 .

Example

<a href="www.php.cn/">Visit W3CSchool</a>

上面這行程式碼顯示為：: Visit W3CSchool

點擊這個超連結會把使用者帶到 W3CSchool 的首頁。

提示: "連結文字" 不必一定是文字。

圖片或其他 HTML 元素都可以成為連結。

HTML 連結 - target 屬性

使用 Target 屬性，可以定義被連結的文件在何處顯示。

下面的這行會在新視窗開啟文件：

實例

<a href="www.php.cn/" target="_blank">Visit W3CSchool!</a>

HTML 連線- id 屬性

id屬性可用來建立在一個HTML文件書籤標記。

提示: 書籤是不以任何特殊的方式顯示，在HTML文件中是不顯示的，所以對於讀者來說是隱藏的。

實例

在HTML文件中插入ID:

<a id="tips">Useful Tips Section</a>

在HTML文件中建立一個連結到"有用的提示部分(id="tips"）"：

<a href="#tips">Visit the Useful Tips Section</a>

或者，從另一個頁面建立一個連結到"有用的提示(id="tips"）部分"：

<a href="www.php.cn/html_links.htm#tips">
Visit the Useful Tips Section</a>

基本的注意事項- 有用的提示

Note: 註解：請務必將正斜線新增至子資料夾。假如這樣書寫連結：href=www.php.cn/html"，就會向伺服器產生兩次HTTP 請求。這是因為伺服器會添加正斜線到這個位址，然後建立一個新的請求，就像這樣： href="www.php.cn/html/"。 ##「php程式設計師工具箱」V0.1版本下載

2. 
免費html線上影片教學

3. php.cn原始html5影片

教學

#

以上是HTML連結教學詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！