Divisions
CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 25/60。
コンテンツを整理するために、Webページをブロックに分けたいとします。HTMLでは、divを使って要素をまとめることができます。
divタグは、レイアウトを作成したりセクションを分けたりするのに最適です。
基本的な構文は次のとおりです。
<div>
<!-- コンテンツはここに入ります -->
</div>div の中には、段落、見出し、画像、さらには他の div 要素など、他の HTML 要素を追加できます。
divタグを使用して、ヘッダー、メインコンテンツ領域、フッターを含むシンプルなレイアウトを作成する方法の例を次に示します：
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>
チャレンジ
簡単HTML ドキュメント内に、3つの div 要素を順番に配置して作成します。
各 div の中に、好きな映画の名前を含む p タグを追加します。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを書いてください -->
</body>
</html>
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: Webプレイグラウンド