HTMLの意味
HTMLは先ほどもちょっと触れたのですが、ホームページの1ページ1ページの骨組みになるものです。
これは超基本なのですべて覚えても損はしません。
しかもそんなに量があるものではありません。
ちょっと書いてみましょうか？
メモ帳で書いてみます。
まずは
[スタート] → [すべてのプログラム] → [アクセサリ] → [メモ帳]
を開いてください。
こんな画面が起動します。
そしてこのようにまず打ってみてください。
コピペでいいです。
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
これがHTMLタグというやつです。
超基本どころです。
タグは基本的に
<タグ>・・・・・</タグ>
といった形ではさんで書きます。
終了するときはスラッシュを入れてタグ名を書きます。
先ほどコピペしたものを説明すると
<html>はここからがHTMLで書いてあるファイルですよ～と説明するタグ。
最後にスラッシュで閉じられていると思います。
<head>はページの詳細情報を記入します。
<head>のタグの間に&
lt;title>のタグがあると思いますが、これはページの題名です。
このページで言うと左上に書いてある「HTMLとは何？」
ってやつを書いているところです。
<title>のタグは<head>のタグの間に書きます。
</head>の下の<body>からがブラウザに表示される内容になります。
この<body>
～</body>までが本文のないようです。
タグは基本的に挟んで書きます。
ではさっきのコピペした内容に文字を打ち込んでいきましょう。
タイトルは「ホームページ作成」
で、本文には「ただいま練習中」
と書いて見ましょう。
こうなるはずです。
<html>
<head>
<title>ホームページ作成</title>
</head>
<body>
ただいま練習中
</body>
</html>
できましたか？
では保存しましょう。
どこでもいいです。
名前を test.html
として保存してください。
保存したらアイコンをダブルクリックして起動してみましょう。
こうなっていたらできてます。
結構簡単でしょ？
でもすべてをこうやって手書きでやってたら大変です。
ホームページ作成ソフトはこういったタグの入力作業をワンタッチで行ってくれるから楽なんです。
XHTMLとは
実はこのHTMLなんですが、デザイン性に富んでいません。
陳腐なデザインしかできないんです。
だからCSSという言語を使ってHTMLに対してデザインの指令を出す言語ができました。
でも、このHTMLは結構いいかげんな書き方でもブラウザで表示されてしまいます。
そのためブラウザ（Internet
ExploreやFirefoxなど）によって表示がまちまちになってしまいますし、音声でホームページを読んでくれるソフトなんかでは正しく読み込んで
くれません。
携帯電話でインターネットをすると正しく表示されないのがその一例です。
そこでホームページの作成はXHTML＋CSSという書き方がWEB標準として認識されるようになりました。
WEBページを正しく書こうという動きです。
XHTMLについてはまだ難しいので理解しなくていいですが、HTMLが進化して扱いやすくなった言語とでも思ってもらえれば結構です。
WEB標準はこれからもっともっと注目されていく内容です。
興味のある方は本を読んでみることをオススメします。
このWEB標準について語ったらホームページや本が１冊できてしまうのでここでは詳しいことは割愛します。
ではCSSについてみていきましょう。
