HTMLリンクボタンの作り方

この記事では、HTMLリンクボタンの作り方を紹介します。通常のハイパーリンクと同じような動作をしますが、代わりにボタンになります。

1

メモ帳やテキストエディットなど、お好みのテキストエディタでHTMLファイルを開きます。

2

ボタンを表示させたい場所に以下のコードを追加します：

<form method="get" action="https://www.wikihow.com/Main-Page"><button type="submit">ホームページ</button></form>。

3

リンクを変更する。現在のコードはwikiHowのホームページを指しています。リンクしたいページのURLに置き換えてください。

4

ボタンのテキストを変更します。現在ボタンには「ホームページ」と表示されています。お好きなテキストに変更してください。

5

リンクをテストしてください。リンクを左クリックして動作することを確認します。動作すれば完了です。ボタンが動かない場合は、コードに間違いがないか確認してください。

この記事は、CC BY-NC-SAで公開されている「 HTMLリンクボタンの作り方 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。