タグの組み立て

ホームページタグにはいろいろな種類があり、HTMLはそれら複数を組み立てて制作します。
ひとつのテキストや内容に対して、タグは複数を併用することができます。
その場合の書き方は・・・

正:<span><a>テキスト</a></span>
誤:<span><a>テキスト</span></a>

正のようにタグで囲んでいるものを更に囲む形となります。
誤のように囲みの構造を交差させてはいけません。
囲んでいるものを更に囲むようにと繰り返していくと、次のようになります。

<html>
<head><title>タイトル</title></head>
<body>
<h1>大見出し</h1>
<div>
<p>段落1</p>
<p>段落2<span>テキスト<strong>強調</strong></span></p>
</div>
<div><a>リンク</a></div>
</body>
</html>

タグの中にタグが入っている状態を「入れ子」といいます。
上の例では分かりやすいように所々改行していますが、ソース内において改行位置は任意となっています。
また、タブでインデントさせてもページの見た目に影響はありませんので、ご自分の編集しやすいよう、入れ子の状態など分かりやすく記述するといいでしょう。

ちなみに、終了タグを書き忘れてもブラウザによっては自動判別して表示してくれるものがあります。
そのようなブラウザで見た目を確認しながらホームページを制作している場合、間違いに気づかないまま作業を進めてしまい、別のブラウザ使用者は閲覧できないという状態になってしまいかねないので、ホームページタグ記述の際には充分注意してください。