Menu
Coddy logo textTech

レイアウトのまとめ

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 29/60。

challenge icon

チャレンジ

簡単

これまでに学んだすべてのレイアウト要素を含むHTMLドキュメントを作成してください:

  1. "My Website" と表示されるメイン見出し(<h1>)と、"Home"、"About"、"Contact" へのリンクを持つナビゲーション(<nav>)を含む <header>。(順不同リスト内)
  2. "This is the main content area." というテキストを含む段落(<p>)を保持する <div> を備えた <main> セクション。段落内で、<span> タグを使用して "main" という単語を囲みます。
  3. メインセクションの中に、"About Us" と表示される見出し(<h2>)を持つ <section> と、"Our Mission" と表示される見出し(<h3>)およびダミーテキストを含む段落(<p>)を持つ <article>
  4. "Copyright 2024 My Website" と表示される段落(<p>)を持つ <footer>

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを書いてください -->
    </body>
</html>

Fundamentalsのすべてのレッスン