HTMLとCSS その1
- カテゴリ：勉強
- 2026/01/28 13:03:28
※この記事は2026年2月16日に書いています。
2025年半ば頃からprogateでちまちまとHTMLとCSSのページをつついています。
HTMLとCSSについて、この2つをものすごくざっくりと説明すると、HTMLがウェブページの骨組みで、CSSがウェブページの飾りに相当するんだとか。
現状はまだまだ飲み込んでおらず、それらをヒントページや問題ページを見ながら打っている状態です。一から覚えるには色々と時間がかかるなとは感じています。
金銭と相談しつつ、ヒント前提で打つなどしてゆっくりめに覚えたらいいなとは思っています。
以下より個人メモになります。
自分が現状覚えていることを書き出しています。
Windowsの「ページのソースを表示」の一番上に出てくるもの
<!DOCTYPE html> ←最も上、1行目に出てくる
<html lang="ja"> ←使われる言語（この場合は日本語）
<meta charset="utf-8"> ←使われる文字コード（だったかな？）
ヒント見ながら打っていて思ったのが「div class div」（ディブクラスディブ…）と続いたりすること（必ずしもそうではないですが）
<div class="なんとか">
<div class="なになに1">ああああ</div>
<div class="なになに2">いいいい</div>
</div>
※"なんとか"や"なになに2"などをくくった個所（正確には「class=" "」）がCSSで必要になってきます。
文字の色やフォントを変えたり、背景色を変えたり、余白を調整したり。
慣れると"なんとか"をくくった部分だけ変える、"なになに1"の部分だけ変えるなんてこともできます。
ディブ閉じ忘れは慣れないと割とやらかしています。プレビュー必須！
まだまだ覚えるには時間がかかるので、メモ兼まとめページをどこかで作る予定です。
