まず超重要。HTMLは「積み木」です。
ホームページ制作を始めると、 最初に出てくるのが「HTML」という言葉です。
でも、 最初はこう思う方も多いです。
「なんか難しそう…」
「プログラミングっぽい…」
「記号が多くて意味不明…」
実際、私自身も最初は、
“暗号”のように見えていました。
ですが、 HTMLはそこまで難しく考えなくて大丈夫です。
HTMLは「積み木」に近い
HTMLを一言でいうと、 ホームページの“骨組み”を作るものです。
もっとイメージしやすく言うと、
「積み木」にかなり近いです。
例えばこんな感じです
- タイトルを置く
- 文章を置く
- 画像を置く
- ボタンを置く
- お問い合わせを置く
これらを、上から順番に積み上げていくイメージです。
つまり、HTMLは、「ここに何を置くか」
を決めているんです。
最初は“カード型の箱”を並べる感覚
最近のホームページは、
実はかなりシンプルな構造が多いです。
イメージとしては、
「カード型の箱」
を並べている感覚に近いです。
例えばトップページなら…
- メイン画像の箱
- サービス紹介の箱
- 料金案内の箱
- お知らせの箱
- お問い合わせの箱
これらを積み木のように並べて、
ホームページを作っています。
CSSは“見た目担当”
HTMLだけだと、実はかなりシンプルです。
そこで登場するのが、
CSSです。
CSSは、色やデザインを調整する役割があります。
HTML → 骨組み
CSS → 見た目
この2つが合わさって、ホームページが完成しています。
初心者が混乱しやすい理由
最初に難しく感じる理由は、
「全部を一気に理解しようとする」
からです。
ですが実際には、
最初はこんな理解で十分です。
- HTMLは配置
- CSSはデザイン
- 積み木のように組み立てる
これだけでも、かなり理解しやすくなります。
ホームページ制作は“少しずつ慣れる”もの
最初は、画像が崩れたり、
レイアウトがズレたり、
思った通りにならない事も多いです。
ですが、それが普通です。
実際には、少しずつ試しながら覚えていくものです。
私も試行錯誤しながら、少しずつ慣れていきました。
最初から完璧な人は、ほとんどいません。

コメント