index.html
<!-- 解答例 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jun Shimono's Webサイト</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Jun Shimono's Webサイト</h1>
<nav>
<ul>
<li>ホーム</li>
<li>このサイトについて</li>
<li>プロフィール</li>
</ul>
</nav>
</header>
<main>
<section>
<h2>私のおいたち</h2>
<p>広島市南区出身。24歳からスタプロで先生をやっていて、26歳で<strong>大臣</strong>に就任。</p>
<p>その後、様々な分野で大臣と呼ばれています。<br>現在は、生徒のみんなが楽しく授業できるような教材を作っています。<br>検定問題は私が制作しました。</p>
<p>いつも温めています。</p>
</section>
<section>
<h2>私の得意なこと</h2>
<p>ゲームが得意です！</p>
<hr>
<p>経験がある言語</p>
<ul>
<li>プログラミン</li>
<li>Scratch</li>
<li>マインクラフト</li>
<li>HTML/CSS</li>
</ul>
</section>
</main>
<footer>
<p>Copyright @ Jun Shimono All Rights Reserved.</p>
</footer>
</body>
</html>
style.css
body {
background-color: skyblue;
}
h1 {
color: red;
}
h2 {
color: blue;
}
ul li {
color: gray;
}