ホーム > XHTML , allwebクリエイター塾 , 基礎講座 , 講座・セミナー > 親要素小要素：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.6
親要素小要素：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.6
XHTMLは入れ子構造になっています。要素に入る要素を子要素といいます。
親要素・子要素
<div>
<p>今日のランチはハンバーグです。</p>
</div>
divが親要素、pが子要素になります。
親要素・子要素・孫要素
<div class="lunch">
<div id="today">
<p>今日のランチはハンバーグです。</p>
</div>
<div id="tomorrow">
<p>明日のランチはラーメンです。</p>
</div>
</div>
div class="lunch"が親要素、div id="today"とdiv id="tomorrow"が子要素、pが孫要素になります。
親要素と子要素の関係を理解しておくとCSSが理解しやすくなります。HTMLをぱっと見たとき親と子がわかりやすいように、インデントを使ってHTMLを書く習慣をつけること！
2009年06月11日
トラックバック
このエントリーのトラックバックURL:
http://eigono.info/mt/mt-tb.cgi/749