知識を取り込み、そして発信する
HTML（HyperText Markup Language）は、Webページの構造（骨組み）を作るための言語です。
「マークアップ」とは“タグを使って情報に意味を与える”ことを指します。
例えば、<h1>は「見出し」、<p>は「段落」、<a>は「リンク」を表し、それぞれの要素が何を意味しているかをブラウザに伝えます。
HTMLは見た目ではなく「意味づけ」に集中します。
つまり、情報を正しく伝えるための設計図です。
CSS（Cascading Style Sheets）は、HTMLで作られた構造にデザイン（見た目）を与えるための言語です。 色・フォント・サイズ・配置・余白・アニメーションなどを指定し、Webページを美しく整えます。 「Cascading」は上書きと優先順位を意味し、複数のスタイルが重なったときに、どのルールを採用するかを制御できます。
HTMLが「文章の意味」を担当し、CSSが「見た目の演出」を担当します。 両者を分けることで、デザインを変更しても内容に影響が出ず、保守性が高くなります。
HTMLはページの構成や意味を設計するプランナー、CSSは見た目をデザインするデザイナーのような存在です。 さらにWebページに限らず、動きや体験を演出する演出家のようなJavaScriptも存在します。 それぞれの役割が組み合わさることで、魅力的なWebページが完成します。 なお、当サイトではWebページに特化しない観点から、JavaScriptについては別コンテンツとして紹介しています。