HTML/CSS編
Webページの骨組みと見た目を作る、最初の一歩。全18項目を学習順に並べています。上から順に進めましょう。
18項目
288問
01
HTMLとは・最初のページ
ブラウザに文字を表示する 学習できます 02 見出しと段落
文書の骨組みを作る 学習できます 03 リンクと画像
ページをつなぎ、画像を載せる 学習できます 04 リストと表
情報を整理して並べる 学習できます 05 意味のあるタグ（セマンティック）
構造を正しく伝える 学習できます 06 フォームの基本
入力を受け付ける 学習できます 07 CSSとは・書き方3種
見た目を指定する 学習できます 08 セレクタの使い分け
狙った要素に適用する 学習できます 09 文字とフォント
読みやすい文章にする 学習できます 10 色と背景
配色を設計する 学習できます 11 ボックスモデル
余白と大きさを制御する 学習できます 12 表示形式（display）
並び方を変える 学習できます 13 Flexbox
横並び・中央寄せを自在に 学習できます 14 Grid
格子状のレイアウトを組む 学習できます 15 レスポンシブ対応
スマホでも崩れないページに 学習できます 16 位置指定（position）
重ねる・固定する 学習できます 17 装飾と動き
影・角丸・トランジションで仕上げる 学習できます 18 総合演習：企業サイトを作る
全スキルを統合する 学習できます
ブラウザに文字を表示する 学習できます 02 見出しと段落
文書の骨組みを作る 学習できます 03 リンクと画像
ページをつなぎ、画像を載せる 学習できます 04 リストと表
情報を整理して並べる 学習できます 05 意味のあるタグ（セマンティック）
構造を正しく伝える 学習できます 06 フォームの基本
入力を受け付ける 学習できます 07 CSSとは・書き方3種
見た目を指定する 学習できます 08 セレクタの使い分け
狙った要素に適用する 学習できます 09 文字とフォント
読みやすい文章にする 学習できます 10 色と背景
配色を設計する 学習できます 11 ボックスモデル
余白と大きさを制御する 学習できます 12 表示形式（display）
並び方を変える 学習できます 13 Flexbox
横並び・中央寄せを自在に 学習できます 14 Grid
格子状のレイアウトを組む 学習できます 15 レスポンシブ対応
スマホでも崩れないページに 学習できます 16 位置指定（position）
重ねる・固定する 学習できます 17 装飾と動き
影・角丸・トランジションで仕上げる 学習できます 18 総合演習：企業サイトを作る
全スキルを統合する 学習できます