解説イメージ
イメージ画像を入れる
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とは
テキストテキストテキスト
サイト制作に必要な
テキストテキストテキスト
何から勉強すべきか
テキストテキストテキスト