第1章:基礎の基礎

HTML/CSSの基本的な書き方を学ぼう

📚 この章で学ぶこと

Web開発の環境を整えて、基本的なページを作れるようになることが目標です。HTML/CSSの基本構造を理解し、実際に手を動かして学習します。

学習進度:第1章 (25%)

🏗️ HTMLの基本構造

私の初めてのWebページ

これはHTMLCSSで作られたページです。以下のような要素を学習します:

  • 見出し(h1, h2, h3...)
  • 段落(p要素)
  • リスト(ul, ol要素)
  • 強調(strong, em要素)

🎨 CSSによるスタイリング

💡 ポイント

CSSは「建物の内装」のようなもの。HTMLという骨組みに、色や配置などの見た目を設定します。

🔧 Week1-3の学習内容

Week 1

開発環境構築

  • VS Code設定
  • 初めてのHTML
  • 初めてのCSS
  • デベロッパーツール

Week 2

文字や画像の表示

  • 見出しと段落
  • リストの作成
  • 画像の表示
  • リンクの作成

Week 3

色や配置の調整

  • 色の指定方法
  • 余白の概念
  • 文字スタイリング
  • 自己紹介ページ完成

🎯 第1章修了時の目標

基本的なHTML/CSSを理解し、簡単な自己紹介ページを作成できるようになります。デベロッパーツールの使い方も覚えて、問題解決の基礎を身につけます。

← メインページに戻る