HTML/CSSの基本

解説イメージ

イメージ画像を入れる

HTMLとは?CSSとは?

まずは結論!

  • HTML「ページの役割を示す」
  • CSS「見た目を整える」
  • HTMLもCSSも「ほぼ必須」
  • まずは「index.html」から始めよう!

HTML/CSSの役割

HTMLとは

【概説】HTML(エイチティーエムエル、HyperText Markup Language)とは、Webページを作成するための基本的なマークアップ言語です。
「タグ」と呼ばれる命令をテキストに挿入することで、Webページに表示される文章の構造を定義し、画像を表示させたり、他のページへのリンクを貼ったりすることができます。

私たちは掲載コンテンツの役割(タイトル・説明文・写真・図など)を概ね理解できますよね。
でも、コンピューターはコンテンツの役割を理解することができません。
そのため、「このテキストはタイトルだよ」と伝えてあげる必要があるわけです。
役割を定義するものを「タグ」と呼び、タグをつけていく作業を「マークアップ」と呼びます。

1.My Design parts
このサイトはWebデザイナー向けのサイトです。
<h1>2.My Design parts</h1>
<p>このサイトはWebデザイナー向けのサイトです。</p>

1.は通常のテキスト、2.はマークアップした状態です。
1.では各行の役割が不明瞭です。
一方2.では、タイトルを示す<h1>タグ、段落を示す<p>タグを使うことで、一行目がタイトル・二行目が文章の役割を持つことが明示されています。

CSSとは

テキストテキストテキスト

サイト制作に必要な

テキストテキストテキスト

何から勉強すべきか

テキストテキストテキスト