html跳到新的頁面

HTML是用於建立網頁的標記語言，其中最常見的功能之一是連結（Link）功能，用於讓使用者點擊之後跳到另一個頁面。本文將介紹如何在HTML中使用連結功能並跳到一個新頁面。

1.使用標籤來建立連結

在HTML中，我們可以使用標籤建立一個連結。例如，以下程式碼將建立一個指向百度網頁的連結：

<a href="https://www.baidu.com">百度一下，你就知道</a>

其中，href屬性指定了連結的目標網址，標籤內的文字是連結的顯示文字。

2.在目前頁面開啟連結

預設情況下，連結會在目前頁面中開啟。例如，點擊上面的連結將會在目前頁面中開啟百度網頁。如果你想讓連結在新的頁面中打開，可以使用target屬性。

3.在新的頁面中開啟連結

要在新的頁面中開啟鏈接，需要指定target屬性為"_blank"，如下所示：

<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a>

這樣，點擊連結後將會在新的瀏覽器標籤頁中開啟百度網頁。

4.連結到本地文件

在HTML中，我們也可以使用連結功能連結到本地的文件，例如：

<a href="images/cat.jpg">查看猫咪照片</a>

在這裡，我們將連結指向名為"cat.jpg"的圖片檔。當使用者點擊連結時，將在目前頁面中開啟該圖片檔案。

5.連結到書籤

除了連結到外部網頁或本地文件，我們還可以使用連結功能連結到頁面內的某個位置，也就是所謂的書籤（Bookmark）。要建立一個書籤，需要在連結的目標地址後加上"# 書籤"，例如：

<a href="#overview">查看概览</a>

<h2 id="overview">概览</h2>

在這裡，我們先在c1a436a314ed609750bd7c7d319db4da標籤中加入了id屬性，命名為" overview"，這就變成了一個書籤。然後，在連結的目標地址中加上"# 書籤"，使其指向該書籤。當使用者點擊連結時，將會自動捲動到頁面中的該書籤位置。

總結

使用HTML的連結功能，可以讓我們方便地跳到其他頁面、開啟本機檔案或跳到頁面內的特定位置。使用標籤建立鏈接，透過href和target屬性來指定連結的目標和開啟方式。同時，我們也可以使用書籤來指向頁面內的特定位置。

以上是html跳到新的頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！