HTMLでボタンにリンクを追加する方法

JavaScriptを使用する方法: もう一つの方法は、JavaScriptを使用してボタンにリンクを追加する方法です。以下は例です。

<button onclick="window.location.href='リンクのURL'">ボタンのテキスト</button>

この方法では、onclick属性を使用してJavaScriptコードを実行し、window.location.hrefを変更してリンク先のURLに移動します。

CSSを使用する方法: ボタンにリンクを追加する別の方法は、CSSを使用する方法です。以下は例です。

<button class="link-button">ボタンのテキスト</button>

.link-button {
 background: none;
 border: none;
 color: blue;
 text-decoration: underline;
 cursor: pointer;
}

上記のCSSコードでは、ボタンのスタイルを変更してリンクのように見せています。この方法では、JavaScriptを使用せずにリンクの効果を実現できます。