1. HTMLの基本構造
HTMLは見出しや段落など、文章の役割を示す言語です。
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>地域紹介</title>
</head>
<body>
<h1>水戸の街並み</h1>
<p>写真で歴史をたどります。</p>
</body>
</html>表示例
水戸の街並み
写真で歴史をたどります。
2. リンクと画像
a はリンク、img は画像です。画像には説明文を表す alt を付けます。
<a href="https://www.tokiwa.ac.jp/">常磐大学</a>
<img src="photo.jpg" alt="水戸の街並み">3. リストと表
<ul>
<li>写真を集める</li>
<li>撮影地点を調べる</li>
</ul>表示例
- 写真を集める
- 撮影地点を調べる