ここでは、IT系企業の新入社員向けにHTMLを解説しています。

デザイナーになるほどHTMLに詳しくなくてもいいけれど、Webアプリを作る上で必要な入力画面は自力で作りたい、そんなあなたのためのページです。

2.見出し、ヘッダーとフッターを作成する

見出し

見出しを使うと文章の構造を示すことができます。

<アウトプットイメージ>

h1の見出しです

h2の見出しです

h3の見出しです

h4の見出しです

h5の見出しです
h6の見出しです

(注:このページにはCSSによる装飾がかかっています)

 

<ソースコード>

h1~h6まであり、数字が大きいほどだんだん細かい見出しになります。

表示したい見出しのサイズに応じて、h1~h6を使い分けます。

ちなみに、“h”というのはheading(見出し)という意味です。

ヘッダーとフッター

<アウトプットイメージ>

アウトプットイメージをWebで見る

<ソースコード>

ヘッダーとはページの上のほうにある部分です。

フッターとはページの下のほうにある部分です。

そしてそれら以外がコンテンツ部分になります。

ヘッダーやフッターを作っておくとそのグループごとにCSSで装飾を施すことができ、
文書の構造を示すことができます。

今回の<header>と前回の<head>は全く別物なので注意してください。

 

以上、今回は「見出し、ヘッダー、フッター」を学びました。

次回は、「段落と改行で見やすくする」方法について学んでいきましょう。