【第1回】HTMLとCSSってなに?ブログ初心者の学びメモ

HTMLとCSSとは?初心者シリーズ アイキャッチ画像 ブログの進め!
記事内に広告が含まれています。
みかおば
みかおば

📘 ブログを始めて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で見出しを作ってみよう」は、もうすぐ公開予定です♪

コメント

タイトルとURLをコピーしました