G
HTML・CSS・アクセシビリティ
HTML・CSS・アクセシビリティ。画面の骨組みと見た目の仕組み。
10本56分
HTML・CSS・アクセシビリティの全10本
きほん → つくる → のばす、の順に並んでいます。
STEP 1STEP 1 きほんWebとコンピュータの土台。AIとの会話が噛み合うようになる基礎概念。10本
HTMLと文書構造見出し、段落、一覧、リンクなど、内容の意味と階層をブラウザへ伝える役割を説明する。DOMHTMLがブラウザ内でノードの木構造として表現され、JavaScriptから操作される仕組みを説明する。セマンティックHTML見た目ではなく意味に合った要素を使うことで、検索・支援技術・保守性が向上する理由を説明する。フォーム要素input、select、textarea、button、labelが入力と送信をどう構成するか説明する。CSSセレクタとカスケードどの要素にどのスタイルを適用するか、競合時にどの規則が優先されるかを説明する。ボックスモデルcontent、padding、border、marginが要素サイズと配置へ与える影響を説明する。通常フロー・position・重なり順ブラウザの標準配置と、絶対配置、固定配置、z-indexの関係を説明する。Flexbox一次元方向に要素を並べ、余白・整列・伸縮を制御する仕組みを説明する。Grid行と列の二次元グリッドで画面構造を設計する仕組みを説明する。アクセシビリティの技術要件キーボード操作、フォーカス、代替テキスト、ラベル、コントラスト、ARIAの役割を説明する。
