のはこごと

モノヅクリノハコの中の人の雑記です

【HTMLとCSSの基礎の基礎講座】その8:インラインレベルとブロックレベル

8日目です。本日のお題は【インラインレベルとブロックレベル】です。

 

タグはインラインレベルとブロックレベルに分かれます。

●ブロックレベル→改行される、一つの文章のかたまり。<h><p><ul>などなど

●インラインレベル→改行されない、文章中に用いる。<br><hr><q>などなど

 

ここで大事になってくるのが入れ子構造です。このコトバ、たびたび出てきてるとは思いますが、この入れ子が崩れたら表示も崩れるんです。

ブロックがいて、インライン。

img_8

 

 例えば、<p>タグの間に<a href>などは入れられますが、

<small>タグの間に<ul>などはおかしいって事になります。

 

まあ、書いていくうちに表示が反映されなかったり崩れたりして自然と覚えていきますので大丈夫です。最初は恐れずどんどん書いていってみましょう。