;

HTML講座(12) ハイパーリンクでページ間を移動する

2011/10/27 0 コメント

 

ここでは2ページ作成し、「ページA」から「ページB」にジャンプして切り替えるようにします。

文字列「Bページにジャンプします」部分をクリックすると、「ページB」に切り替わります。
文字列「Aページに戻る」をクリックすると「ページA」に戻り、行ったり来たりすることができます。

◆link_a.html

<html>
<head>
<title>Page A</title>
</head>
<body>
  <h1>Aページです</h1>
  <p>
    <a href="link_b.html">
      Bページにジャンプします。
    </a>
  </p>
</body>
</html>

◆link_b.html

<html>
<head>
<title>Page B</title>
</head>
<body>
  <h1>Bページです</h1>
  <p>
    <a href="link_a.html">
      Aページに戻ります。
    </a>
  </p>
</body>
</html>

ファイルをふたつ作成したら、Webブラウザで動作を確認してみましょう。

Tagged ,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です