
みかおば
📘 ブログを始めて1年が経ちました。1から作るのはまだまだ難しそうだけど、「何が書いてあるかぐらいはわかりたいな」と思って、プログラミングの勉強を始めてみました。
・・・が、やっぱりむずかし〜!😓
せっかくなので、ノート代わりにこのブログで少しずつ記録していくことにしました。ここに書いているうちに、ブログでやりたいことが少しでも実現できれば…と思っています。
🧠 HTMLとは?
HTML(エイチティーエムエル)は、HyperText Markup Language の略。
Webページの構造(骨組み)を作る言語です。
例えば、次のようなものを作れます:
- 見出し(タイトル)
- 段落(本文)
- リンク
- 画像
- 箇条書き など
🎨 CSSとは?
CSS(シーエスエス)は、Cascading Style Sheets の略。
HTMLで作った構造に、デザイン(見た目)をつけるための言語です。
CSSを使うと、次のようなことができます:
- 文字の色やサイズを変える
- 背景に色をつける
- 枠や角丸をつける
- 配置を調整する(横並び・中央揃えなど)
🧩 HTMLとCSSの関係
HTMLが「家の設計図」だとしたら、CSSは「壁紙や家具、照明などのインテリア」です。
- HTML:見出し・文章・画像などの構造(なにを書くか)
- CSS:色・サイズ・配置などの見た目(どう見せるか)
✅ これから学ぶ内容(このシリーズでできること)
- HTMLで見出し・段落・リンク・画像を作れるようになる
- CSSで色・配置・大きさを自由に調整できるようになる
- HTMLとCSSを組み合わせて、自分だけのWebページを作れるようになる!
📌 次回のテーマ
👉【第2回】「HTMLで見出しを作ってみよう」は、もうすぐ公開予定です♪



コメント