在 HTML 按鈕中建立連結

1. 使用 <a> 和 <button> 標籤建立一個按鈕，作為 HTML 中的連結
2. 使用 button 標籤中的 onclick 屬性建立一個按鈕，作為 HTML 中的連結
3. 使用 <a> 和 <input> 標籤建立一個按鈕，作為 HTML 中的連結
4. 在 HTML 中使用 HTML 表單建立充當連結的按鈕

我們將說明建立用作連結的 HTML 按鈕的方法。

使用 <a> 和 <button> 標籤建立一個按鈕，作為 HTML 中的連結

我們可以使用 <button> 標籤建立一個 HTML 按鈕。<button> 標籤定義了一個可點選的按鈕。我們使用錨標籤 <a> 來建立一個超連結。它將一個頁面連結到另一個頁面。我們可以通過在錨標記中巢狀 <button> 標記來建立一個充當連結的按鈕。我們可以通過 href 屬性指定連結的地址。

例如，在 HTML 正文中建立一個錨元素。在錨元素內，寫入 href 屬性並指定 URL https://www.youtube.com。之後，使用 <button> 標籤建立按鈕。在 <button> 標籤內，寫入文字 Youtube。現在，關閉按鈕標籤，然後是錨標籤。

下面的示例顯示了作為連結的 HTML 按鈕的建立過程。它將建立一個將重定向到 Youtube 的按鈕。

示例程式碼：

<a href="https://www.youtube.com">
<button>Youtube</button>
</a> 

使用 button 標籤中的 onclick 屬性建立一個按鈕，作為 HTML 中的連結

我們還可以使用按鈕標籤內的 onclick 屬性來建立一個按鈕，作為 HTML 中的連結。此屬性在元素上單擊滑鼠時觸發。單擊滑鼠時指令碼執行。但是，在這個過程中，我們首先建立按鈕，然後只新增我們想要的 URL。我們還將在此方法中使用一點 JavaScript。我們將使用 window.location 物件獲取當前頁面地址並將其重定向到新頁面。

例如，在 HTML 正文中，首先建立一個 <button> 標籤。在按鈕標籤內，使用 onclick 屬性並將其設定為 window.location.href。接下來，使用 window.location.href 指定目標 URL https://www.facebook.com/。然後，在 <button> 標籤之間寫入文字 Facebook。

我們使用了 onclick 屬性，它是 HTML 中事件屬性的一部分。通過這種方式，我們可以建立一個充當連結的 HTML 按鈕。

示例程式碼：

<button onclick="window.location.href='https://www.facebook.com/'">Facebook</button>

使用 <a> 和 <input> 標籤建立一個按鈕，作為 HTML 中的連結

我們可以使用 <input> 標籤來建立一個 HTML 按鈕。<input> 標籤也是一個 <form> 標籤元素。它指定了一個輸入欄位，使用者可以在其中輸入資料。我們可以使用 type 屬性建立一個按鈕，並使用值 button 指定它。我們可以使用 value 屬性來編寫按鈕的內容。然後，我們可以使用錨標記來包裝 <input> 標記。然後，作為連結的按鈕就形成了。

例如，編寫一個錨標記，通過 href 屬性在其中指定目標 URL。將 URL 寫為 https://www.facebook.com/。然後，編寫 <input> 標記並將其 type 屬性指定為 button。然後，在 value 屬性中指定文字 Facebook。關閉錨標記。

下面的示例建立了一個名為 Facebook 的按鈕。單擊時它會重定向到 Facebook。因此，我們可以建立一個充當連結的按鈕。

示例程式碼：

<a href="https://www.facebook.com/">
<input type="button" value="Facebook">
</a>

在 HTML 中使用 HTML 表單建立充當連結的按鈕

在這個方法中，我們將使用 <form> 標籤來建立一個作為連結的按鈕。我們使用 action 屬性來指定目標 URL。method 屬性指示如何傳送表單資料。表單被傳送到在 action 屬性中指定的頁面。我們可以在提交表單資料時將按鈕 type 設定為 submit。

例如，在 HTML 正文中，建立 <form> 標記並使用 get 作為 method 屬性。現在，在 action 屬性中指定所需的 URL。然後，使用 <button> 元素建立按鈕並將 type 屬性設定為 submit。然後，在按鈕上指定所需的文字。然後，關閉 <button> 標籤，然後是 <form> 標籤。然後，關閉上面開啟的所有剩餘標籤。

示例程式碼：

<form method="get" action="https://www.youtube.com/">
<button type="submit">Continue</button>
</form>