使用教材『HTML&CSSとWebデザインが1冊できちんと身につく本』
https://www.amazon.co.jp/HTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%8C-1%E5%86%8A%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%93%E3%81%A8%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8F%E6%9C%AC-%E6%9C%8D%E9%83%A8-%E9%9B%84%E6%A8%B9/dp/4774190640
進捗:Chapter3 知っておきたいHTMLのきほんと描き方
学んだこと
まず1行目に記す。HTMLのどのバージョンで作成されているかを示す。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>サンプルページ</title>
</head>
<body>
<header>
<div class= "logo">
<a href="index.html">
<img src="images/wagtail.jpg" alt="wagtail">
</a>
</div>
<nav>
<ul class="global-nav">
<ul>
<li><a href="portforio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrap">
<div class="contact">
</div>
</div>
<footer>
<small>こんにちは</small>
</footer>
</body>
</html>