リンクを使って画面を切り替える方法
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>