Webの用語を「読める・説明できる」状態にする

💡 実務での使い方

HTMLはページの構造を表すマークアップで、まず骨組みを正しく作ることが土台だと考えています。

💡 実務での使い方

CSSは見た目を担当し、構造(HTML)と装飾(CSS)を分けることで保守しやすくなると理解しています。

💡 実務での使い方

タグで中身に意味を与え、開始と終了で挟んで構造を作る、という基本を押さえています。

💡 実務での使い方

要素はタグと中身のひとまとまりで、入れ子に組み合わせてページを構成します。

💡 実務での使い方

属性は要素の詳細指定で、リンク先や画像パス、altなどを与える役割です。

💡 実務での使い方

div一辺倒にせず、header/main/sectionなど意味のあるタグを使って構造を明確にします。

💡 実務での使い方

セレクタは適用先の宛名で、クラスなどで狙いを絞って副作用を防ぎます。

💡 実務での使い方

要素は箱で、padding(内側)とmargin(外側)を区別して余白を調整します。

💡 実務での使い方

横並びや中央寄せはFlexboxで、並べる方向と揃え方を指定して組みます。

💡 実務での使い方

画面幅に応じて崩れないよう、レスポンシブ前提でレイアウトを組みます。

💡 実務での使い方

DOMはブラウザ内のHTMLの木構造で、JSはこれを操作して動きをつけると理解しています。

💡 実務での使い方

alt・見出し順・コントラストなど、誰でも使える配慮を最初から入れます。