HTMLとCSS

HTML CSSは、ウェブページのデザインやスタイルを制御するための基本的な技術です。HTMLはコンテンツの構造を定義するのに対し、CSSはそのコンテンツの見た目やスタイルを指定します。

HTMLとCSSの関係

HTMLはウェブページの基本的な構造を定義します。段落や見出し、リストなどの要素を使用して、ページの構成要素を表現します。

<h1>これは見出しです</h1>


<p>これは段落のテキストです。</p>

CSSの役割とスタイルの指定方法

CSSはHTML要素に対してスタイルを適用するための言語です。例えば、文字の色やフォントの大きさ、背景の色などを指定することができます。

/* 例：CSSでの見出しのスタイル */
h1 {
  color: blue; /* 見出しの文字色を青に指定 */
  font-size: 24px; /* 見出しのフォントサイズを24ピクセルに指定 */
}

/* 例：CSSでの段落のスタイル */
p {
  color: black; /* 段落の文字色を黒に指定 */
  font-size: 16px; /* 段落のフォントサイズを16ピクセルに指定 */
  margin-bottom: 20px; /* 段落の下の余白を20ピクセルに指定 */
}

スタイルの適用方法

スタイルをHTMLに適用する方法には、インラインスタイル、内部スタイルシート、外部スタイルシートの3つがあります。

HTML CSSを使うことで、ウェブページの見た目やスタイルを自由に制御することができます。HTMLはコンテンツの構造を、CSSはそのデザインやスタイルを定義する役割を持っています。これにより、ユーザーにわかりやすく情報を提供するだけでなく、ページの魅力的なデザインを実現することができます。