表現・レイアウト系タグ

HTMLとCSSを学び始めると必ず出てくる、class（クラス）と id（アイディー）。どちらも「名前をつけるタグ属性」ですが、根本的な役割・使い方・優先順位が違います。この記事では、class と id の違い、使い分けの基準、命名ルール...

HTMLのタグには、「見た目」ではなく 性質 によってblock要素（ブロック） と inline要素（インライン） の2種類があります。この2つを理解すると、レイアウト・余白・改行の扱いがスムーズになり、CSSの基礎もぐっとわかりやすくな...

HTMLを学び始めると必ず出てくるのが、div（ディブ） と span（スパン） の2つのタグです。どちらも「汎用タグ」で、意味は持ちません。しかし、使える場所・役割・用途 がまったく違います。この記事では、div と span の本質・違...

Webページで「箇条書き」を作るために使うのが、ul・ol・li の3つのタグです。 ul：順番なしリスト ol：番号付きリスト li：リストの項目ブログの記事構造や説明文で非常に多く使うタグですが、初心者のうちは「どれを使うのが正解か？」...

比較表・料金表・スペック表など、Web制作でよく使われるのが table（表）タグ です。しかし「行・列・セルの考え方」や「見やすい表の作り方」を初心者のうちは混乱しがちです。この記事では、table の基本構造・書き方・見やすく整えるコツ...