HTMLとは

この項では、HTMLの基礎について説明します。

1.HTMLとは

正式名称はHyperTextMarkup Languageといいます。

Hypertext：ハイパーテキストとは、テキストを超えたテキストをいいます。
普通のテキストとの一番の違いは、ハイパーリンク（単にリンクともいう）をもっていることです。
markup：マークアップとは、文書に目印をつける（マープアップする）ことをいいます。
具体的にいうと、文書の各要素を、これは本文、これは表、これは見出し、などという風に、はっきり指定していくことです。

つまり、ハイパーテキストという文書をマークアップして作るための文書、という意味です。

通常のホームページは大体このHTMLで作られています。

[ページTOPへ]

HTML文書では、これは見出し、これは表、などというようにマークアップ付けすることは前述しました。
では、実際にどうやってマークアップするかといいますと、マークアップしたい内容を、タグ（要素名を<>で囲んだもの）で指定することで記述していきます。
それにより、構造をもった文書を作成することができます。
HTML文書は、.htmlという拡張子で保存し、トップページの保存名はindex.htmlというファイル名にします。

タグの指定方法は２つあります。

開始タグと終了タグでテキストを囲む　終了タグにはスラッシュ（/）が入る
(ex.見出しタグ<H1>～</H1>)
単独タグ
(ex.改行タグ<br>)

また、タグの注意点として、

半角の英数字で書く
大文字と小文字は区別されない
ページ内の半角スペースは、最初の1つ以外無視される（全角スペースは認識される）

が挙げられます。

特殊なタグとして、コメントを書くためのタグというものがあります。
これは、ブラウザでは表示されません。
つまり、ここに注意書きなどを入れて、どこに何を記述したのか分かりやすくすることができます。

<!--この辺にコメント--!>

[ページTOPへ]

3.HTMLの基本構造

以下がHTMLの基本構造になります。

DOCTYPE宣言
<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
本文
</BODY>
</HTML>

DOCTYPE宣言：この文書がどんなHTMLで書かれているか示します。
<HTML>～</HTML>：どこからどこまでがHTML文書か示します。
<HEAD>～</HEAD>：どんな文書か、を示す基本的な情報を記述します。
<TITLE>～</TITLE>：タイトル部分です。このタグに囲まれた部分がブラウザのタイトルバー・お気に入り登録時のページ名になります。
分かりやすいタイトルにするといいでしょう。
<BODY>～</BODY>：このタグに囲まれた部分がウェブページの本文となります。

[ページTOPへ]

4.DOCTYPE宣言

このDOCTYPE宣言とは、HTML文書がどんなバージョンのルールで書かれているかを宣言するものです。
必ず1行目（HTMLタグよりも前）に入れましょう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
廃止予定のタグや要素・属性もサポートしている。
大体のホームページはこのタイプで書かれています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
HTML4.01の仕様に沿ったタイプ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Frameset//EN">
フレームを使用する場合に用いるタイプ。

[ページTOPへ]