HTML個人講座6日目

こんにちはcairnです。

『HTML個人講座講座』6日目です。

本日はメイン部分にさらに小さな枠を作っていきます。

メイン部分は昨日までに作成した物の

<div id="main"></div>

↑この部分です。

この中に

<section></section>

と

<article></article>

を組み込んでいきます。

まずは

<div id="main">
<section>

</section>
</div>

↑このようにして

次に

<div id="main">
<section>

<article>

</article>

</section>
</div>

↑このようにすると

ウェブページに枠が表示されるようになります。

ちなみに

<article></article>を1つ増やすと

もう一枠増えます。

<article></article>を増やした分だけ枠が増えます。

これらの作業は柱と屋根が作られた家に『個室』を作っていくような作業と考えると理解しやすいですかね？

以上が本日のsection要素とarticle要素になります。

明日からは入力内容がウェブページに反映されるような事を行っていきます。