プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

リンクを使って画面を切り替える方法

 htmlファイル名「index.html」

——————————————————————

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ホームページのタイトル</title>
</head>
<body>
<h1>ホームページの見出し1</h1>
<p>1ページ目です。</p>
<a href="sample.html">次のページへ</a></body>
</html>

 ——————————————————————

 

htmlファイル名「sample.html」

——————————————————————

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ホームページのタイトル</title>
</head>
<body>
<h1>ホームページの見出し2</h1>
<p>2ページ目です。</p>
<a href="index.html">前のページへ</a>
</body>
</html> 

 ——————————————————————

解説

  • 記事内にリンクを作って画面を切り替えるコード
  • → <a href="ファイル名">名前</a>