ガイドブック - HTML & CSS - コードクエスト

HTML & CSSって何？

HTMLとCSSは、Webサイトを作るための2つの基本技術です。
インターネット上のすべてのWebページは、必ずHTMLとCSSで作られています。

🌐 HTMLとCSSの役割

🏗️
HTML
ページの「骨格」を作る。見出し・文章・画像・リンクなどの構造を定義する

🎨
CSS
ページの「見た目」を整える。色・フォント・レイアウトなどを指定する

⚡
JavaScript
ページに「動き」をつける（このコースでは触れません）

🚀
完成形
3つを組み合わせると本格的なWebサイトが作れる

✅ HTMLとCSSを学ぶ価値

💡 HTMLとCSSはプログラミング言語ではない？

厳密にはHTMLは「マークアップ言語」、CSSは「スタイルシート言語」と呼ばれます。
変数や条件分岐はありませんが、Webを作るうえで絶対に必要な技術です。

このコースで学べること・学習の進め方

HTML & CSSコースは全50クエストで構成されています。段階的に実力がつく設計になっています。

HTMLの基礎（クエスト1〜20）
タグの書き方・見出し・段落・リンク・画像・リスト・テーブル・フォームなど、Webページの骨格を作る技術を習得します。

CSSの基礎（クエスト21〜35）
色・フォント・余白・ボーダーなど、見た目を整えるスタイリングの基礎を学びます。セレクタの仕組みも理解できます。

レイアウト・応用（クエスト36〜50）
FlexboxやGridを使った現代的なレイアウト技術、レスポンシブデザイン、アニメーションなどを学びます。

🎯 前提知識・対象者

プログラミング経験は一切不要です。パソコンの基本操作（ファイルを開く、文字を入力するなど）ができれば大丈夫です。
「Webサイトがどうやって作られているのか知りたい」という好奇心があれば始められます。

⏱️ 学習にかかる目安期間

全50クエスト。1日1〜3クエストのペースで進めると、約1〜2ヶ月で完走できます。
集中すれば2〜3週間でも完走可能です。スライドをしっかり読んでから問題に挑戦するのがコツです。

💡 学習のコツ

HTML & CSS ガイドブック