-
ハイパーリンク(リンク)を使用する方法: 他のページに移動するためには、
<a>
要素を使用してハイパーリンクを作成します。例えば、以下のコードは「Page2.html」という名前の別のHTMLページに移動するリンクを作成します。<a href="Page2.html">Page 2に移動する</a>
上記のコードでは、現在のページと同じディレクトリ内にある「Page2.html」という名前のファイルにリンクされています。必要に応じて、パスを指定して他のディレクトリ内のページにもリンクすることができます。
-
JavaScriptを使用する方法: JavaScriptを使用すると、より高度なナビゲーション機能を実装することができます。以下は、JavaScriptを使用してページ遷移を行う例です。
<button onclick="window.location.href = 'Page2.html'">Page 2に移動する</button>
上記のコードでは、ボタンをクリックするとJavaScriptが実行され、
window.location.href
を使用して「Page2.html」に遷移します。 -
フォームを使用する方法: フォームを使用することで、ユーザーが入力した情報に基づいて他のページにナビゲーションすることもできます。以下は、フォームを使用してページ遷移を行う例です。
<form action="Page2.html"> <input type="submit" value="Page 2に移動する"> </form>
上記のコードでは、フォームが提出されると、
action
属性で指定された「Page2.html」に遷移します。
これらは一般的な方法の一部です。HTMLでの他のページへのナビゲーションにはさまざまなアプローチがありますが、上記の方法がよく使用されます。必要に応じて、それぞれの方法を応用して使いやすいナビゲーションを作成してください。