 
|
|
HTML=HyperText Markup Language ハイパーテキストマークアップランゲージ
ホームページを作るということは、HTMLという「タグ」を使って記述する言語を書くということです。
HTMLはテキスト文書、文字です。タグは＜＞で閉じられた文書の構造を伝える命令です。
タグには始まり＜＞と終わり＜／＞があり、この始まりと終わりのタグに囲まれた部分に、タグの命令が適用されます。
 IE（インターネットエクスプローラー）の方はブラウザのメニューバーの「表示→ソース」をクリックしてみてください。なにやら文字の書かれたものが開きませんか？これがHTMLです。そしてこのHTMLの記述を「ソース」と呼びます。
Link：
The Web KANZAKI
ごく簡単なHTMLの説明
必読です！ |
タグの例
タグの例をあげてみましょう。
| 表示 |
記述 |
ホームページできるかな
ホームページできるかな
ホームページできるかな
ホームページできるかな |
<b>ホームページできるかな</b>
<i>ホームページできるかな</i>
<big>ホームページできるかな</big>
<small>ホームページできるかな</small> |
と、こんなかんじです。とても簡単な法則ですよね。
タグはスペースも含め半角英数字で記述します。
※半角であれば大文字でも小文字でもよいのですが、推奨されているのは小文字での記述です。
基本のソース
以下はHTML基本要素、ソースの外核の部分です。これだけは不変ですし、位置や並びの移動もありえませんのでなるべく早めに覚えてしまいましょう。
※わかりやすいように色をつけています。
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
一番最初に記述されるのは<html>、一番最後に記述されるのは</html>です。これはHTML文書ですよ、という意味です。
<head>〜</head>は、ヘッダーです。タイトル<title>〜</title>など、HTML文書の情報が入ります。タイトルはブラウザのタイトルバー（一番上のバー）に表示されます。
<body>〜</body>は、HTML文書の内容です。ここに記述されたものが、今あなたが見ているこの画面に表示されます。ホームページを作るとほとんどこの<body>〜</body>間の内容（ソース）が増えていきます。
このようにHTMLソースはタグの命令の間に命令が入る、「入れ子」形式で記述されます。そして、始まりのタグは必ずどこかで終わりのタグによって閉じられるんですね。
余談ですが・・・
タグやHTMLがむずかしく感じられる時は、古代文字や暗号の解読、または錬金術師の呪文を覚えていると思うと楽しくなってきませんか？
ちなみにわたしは錬金術師の呪文ヴァージョンで取り組みました（笑）。 |
 |
HTMLの制約
ホームページビルダー（IBM）やドリームウィーバー（Macromedia）などのホームページ作成ソフトは、タグの知識がなくても視覚的に作れるようにできています。ただ、いくら視覚的に作れるといってもHTMLという言語を記述していくことには違いありませんから、白い紙に絵を書いてゆくようにはいかないものです。
また、できあがったHTML文書はブラウザ（インターネットエクスプローラー、ネットスケープ、オペラなど）によって表示の仕方も微妙に違ってきます。これは、サーバーにあるHTML文書のソースをそれぞれのブラウザが解釈して表示するためです。解釈の微妙な違いが表示のされ方に影響を及ぼすんですね。
WindowsとMacintoshによっても見え方は大分違います。インターネットの表示に絶対はないんですね。「IE（インターネットエクスプローラー）推奨」「最適化800×600サイズ」「Windowsにて動作確認」等と記載されているページがあるのはそのためです。ほかのブラウザなどでは表示が異なってしまうかもしれないよ、というわけです。 |
 |
なるべくブラウザに左右されずに思い通りのデザインを表示させたい時は、どうしてもタグとソースの組み立て方の知識が不可欠になってきます。わたしはドリームウィーバー（Macromedia）を使っていますが、「ここがちょっと違う」「もうちょっとどうにか・・・」したい時は、やっぱりソースを見ます。
始めはものすごく苦痛で5秒で目がチカチカしていましたけど、上記にも書いた通り「これは錬金術師の呪文」（笑）と思うことで、割と楽しく覚えることができました。もともとても簡単な法則性ですし、使用頻度の高いタグは限られますから、少しの努力で分かってくるようになると思いますよ。
|
HTML/Hyper
Text Markup Language