■ 「HTMLの基本」 〜世界でもっとも短いWebページ〜

テキストエディタに書く最初の文字、HTMLの宣言文について。全てはここからはじまります。


■HTML(ハイパーターミナルマークアップランゲッジ)

HTMLはHyperText Markup Languageの略ですが普通に「エイチティエムエル」と呼んで下さい。
ファイルの先頭で「私はHTML文書ですよ。」と宣言しています。

Webページは以下の要素で構成されます。それと同時に必須項目です。
つまりこれが「世界でもっとも短いWebページ」ということになります。

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

◆◆補足

この短い意味不明の文字列(タグ)が「Webページ」の正体です。
・HTML // この文書がHTMLであることを宣言しています。
・HEAD //  この文書に関する情報を書きます(ヘッダー情報)
・TITLE //  この文書名を書きます(タイトル)
・BODY //   この文書の本文を書きます。
※全て省略不可です。
※「閉じ忘れ」に注意してください(ほぼ全てのタグに共通)


つまり「ホームページをつくりたいけどやり方がわからない。」
という人は以下のように書くことからはじめれば良いわけです。

<HTML>
<HEAD>
<TITLE>
(1)あなたの好きな言葉
</TITLE>
</HEAD>
(2)あなたの書きたいこと
</BODY>
</HTML>

(1)あなたの好きな言葉
(2)あなたの書きたいこと

この2つを今すぐ書くだけで、あなただけのホームページが出来上がります。
人目もはばからず、あなたが書きたいことを、あなたの言葉で書いてください。

出来上がったら是非見せてください!楽しみに待っています。



■コラム 〜書いた通りの内容が表示される〜

ごく当たり前の事ですが、htmlではあなたの意図やイメージ通りに
テキストや内容が表示されるのではなく、あなたが書いた通りのテキストと内容が表示されます。

2000文字分のテキストを平打ちして、テキストエディタ内で改行やタブを挿入して美しく編集していても
改行タグ<br>を入れなければ、画面いっぱい1列(画面端で改行)のテキストが表示されます。

テーブルタグで左右均等にセルを分けようとして基本テーブルタグ<table>だけを書いていても、
各セルにwidth指定していなければ左右均等にすることは出来ません。

これからあなたがWebサイトを作っていくなかで「思うとおりに表示してくれない」 という事が必ずあると思います。 しかしそれは「あなたが書いた内容をそのまま表示している」だけなのです。