<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>HTML/CSSでWebページ作成</title>
        <link rel="stylesheet" href="kadai-css.css" />
    </head>
    <body>
        <header>
        ここはヘッダーです。
        </header>

        <div id="wrapper">
            <div id="main">
                <h1>HTML/CSSでWebページ作成</h1>
                <h2>Webサイトの仕組み</h2>
                    <p>Webサイトとは、Webページをひとまとまりにして公開したWebページの集まりのことです。</p>
                <h3>Webブラウザとは</h3>
                    <p>Webブラウザの説明が入ります。</p>
                <h3>Webページの構成</h3>
                    <p>Webページの構成の説明が入ります。</p>
                <h3>Webページの表示</h3>
                    <p>Webページの表示の説明が入ります。</p>
            </div>

            <nav id="menu">
                <ul>
                    <li>Webサイトの仕組み</li>
                    <li>HTMLとCSSの概要</li>
                    <li>HTMLの基本</li>
                    <li>head要素内の記述</li>
                    <li>body要素内の記述</li>
                    <li>id属性とclass属性の設定</li>
                    <li>HTMLのチュートリアル</li>
                </ul>
            </nav>
        </div>
        <footer>
        ここはフッターです。
        </footer>
    </body>
</html>