レイアウトのまとめ
CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 29/60。
チャレンジ
簡単これまでに学んだすべてのレイアウト要素を含むHTMLドキュメントを作成してください:
- "My Website" と表示されるメイン見出し(
<h1>)と、"Home"、"About"、"Contact" へのリンクを持つナビゲーション(<nav>)を含む<header>。(順不同リスト内) - "This is the main content area." というテキストを含む段落(
<p>)を保持する<div>を備えた<main>セクション。段落内で、<span>タグを使用して "main" という単語を囲みます。 - メインセクションの中に、"About Us" と表示される見出し(
<h2>)を持つ<section>と、"Our Mission" と表示される見出し(<h3>)およびダミーテキストを含む段落(<p>)を持つ<article>。 - "Copyright 2024 My Website" と表示される段落(
<p>)を持つ<footer>。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを書いてください -->
</body>
</html>