HTML入門 — Webページの構造とタグのチートシート

HTMLの役割、CSSやJavaScriptとの違い、資格試験やこのアプリのHTMLクイズとの関係を整理します。

HTML文書の最小構成、doctype、html要素、head要素、body要素、文字コード、lang属性を学びます。

h1〜h6、p、br、strong、em、small、blockquoteなど、文章構造を表すHTML要素を整理します。

a要素、href属性、targetとrel、ページ内リンク、nav要素、相対パスと絶対URLの違いを学びます。

img要素、alt属性、width/height、figure/figcaption、video/audioの基本を学びます。

箇条書き、番号付きリスト、説明リスト、表の基本構造と、tableをレイアウト目的に使わない理由を学びます。

form、input、label、textarea、select、button、requiredなど、フォーム作成に必要な基本要素と属性を学びます。

セマンティックHTMLの考え方と、header、footer、main、nav、section、article、asideの使い分けを学びます。

head要素に書くtitle、meta description、viewport、link、OGPの基本と、検索結果に伝わるHTMLの書き方を学びます。

HTMLで押さえるべきアクセシビリティの基本として、見出し、label、alt、button、aria-labelの使い方を学びます。

HTMLの入れ子、閉じタグ、属性、id重複、非推奨タグなど、バリデーションで確認すべきポイントを学びます。

HTML学習とクイズ復習に使えるよう、基本構造、テキスト、リンク、画像、リスト、表、フォーム、セマンティック要素、グローバル属性を一覧で整理します。

HTMLにCSSとJavaScriptを読み込む方法、class/id/data属性の使い分け、DOM操作やReact学習への接続を整理します。

HTMLの基本構造、見出し、リンク、画像、リスト、表、フォーム、セマンティック要素を使ってプロフィールページを作ります。