HTML
HTML・CSS の違い
初級読み方：エイチティーエムエル・シーエスエス のちがい｜英語：HTML vs CSS
HTMLはページの「内容と構造」を作る言語、CSSは「見た目」を整える言語。セットで使う。
やさしい説明
HTMLはWebページの「内容と構造」を作る言語。CSSはその「見た目（色・大きさ・配置）」を整える言語です。セットで使います。
家に例えると、HTMLは「骨組み・間取り」、CSSは「壁紙・家具・照明」です。骨組みだけでは住めないし、家具だけでは家になりません。両方必要です。
HTMLで「ここに見出しがある」「ここに段落がある」と構造を作り、CSSで「見出しは青色で大きく」「段落は灰色で小さく」と見た目を指定します。
具体例・使い方
<!-- HTML: 内容と構造を書く -->
<h1>こんにちは</h1>
<p>今日はいい天気です。</p>
/* CSS: 見た目を整える */
h1 { color: blue; font-size: 2rem; }
p { color: gray; line-height: 1.8; }いつ使う？
Webページを作るときは必ず両方使います。HTMLだけだと白黒で味気ないページになり、CSSだけでは内容がありません。
間違いやすいポイント
❌ HTMLの中に見た目の指定を書く
<!-- ❌ HTMLに色を直接書く（古いやり方） -->
<font color="red">赤い文字</font>
<!-- ✅ CSSで見た目を指定する -->
<span class="red">赤い文字</span>
/* .red { color: red; } */内容（HTML）と見た目（CSS）を分けることで、デザイン変更が楽になります。
よくある疑問
Q: HTMLだけでWebページは作れる？
A: 表示はできますが、見た目がとてもシンプルになります。CSSで色や配置を整えるのが普通です。
Q: CSSだけでWebページは作れる？
A: いいえ。CSSは見た目を指定するだけなので、表示する内容（文章や画像）はHTMLで書く必要があります。
関連用語
📖 関連レッスン
レッスンを見る →