Divisions
CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 25/60。
コンテンツを整理するために、ウェブページをブロックに分けたいと考えてみましょう。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ドキュメント内に、div要素を3つ、順番に作成してください。
それぞれのdivの中に、好きな映画の名前を含むpタグを追加してください。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを書いてください -->
</body>
</html>
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: Webプレイグラウンド