HTML内にはタグが沢山書かれることになります。
タグの書き方の配置に関するルールを説明します。
・タグは、他のタグに対して「完全な外側」または、「完全な内側」に書かなければいけません（入れ子構造とか、ネストといいます）。
入れ子構造の例）
▼別々にタグが書かれている場合
<aaa></aaa>
<bbb></bbb>
▼aaaタグがbbbタグの内側にある場合
<bbb>
<aaa></aaa>
</bbb>
▼aaaタグの内側にbbbタグとcccタグが入っていて、さらに、cccタグ内にdddタグが入っている状態
<aaa>
<bbb>
</bbb>
<ccc>
<ddd>
</ddd>
</ccc>
</aaa>
上記の様な状態だととても見づらいので、
先頭に半角スペースまたはTabキーで空白を作ります（インデントと言います）。
インデントするとこうなります。
▼aaaタグの内側にbbbタグとcccタグが入っていて、さらに、cccタグ内にdddタグが入っている状態
<aaa>
<bbb>
</bbb>
<ccc>
<ddd>
</ddd>
</ccc>
</aaa>
インデントすることで、構造が少し分かりやすくなります。
最後に間違った例をあげておきます。
▼aaaとbbbのどちらが外側か判別がつかない（入れ子構造になっていない）状態
<aaa>
<bbb>
</aaa>
</bbb>
※aaa、bbb、ccc、dddには実際にはタグの名称が入ります。
PR
