まず、メモ帳を[プログラム]から、メモ帳をさがして、立ち上げましょう。
たちあげたメモ帳に↓の行をコピーする。コピー機はいらない。メモ帳は[プログラム]-[アクセサリ]にあると思うよ。
<html><head><title></title></head><body bgcolor="#fffaaf">最初のいっぽ。</body></html>
え? コピーのアイコンがない? ・・・マウスでドラッグしながら範囲を指定して、そのまんま、右クリックでコピー!
できやした? では、メモ帳のウインドー上で、右クリック→張り付け ね。
忘れないうちに、保存しなくちゃ。メモ帳で、[ファイル]−[名前を付けて保存]
場所は、自分の好きなフォルダどこでもでいいよ。でも、どこの保存したかは覚えておいてよ。
ファイル名は「a.htm」って半角で書いて保存して閉じて。
"a"は、自分の好きな名前にすることもできるからね。でも半角英数字以外は、練習や自分用だけにいた方がいいよ。
ブロバイダに転送できないから。
うふふ♪。では、では、マイコンピュータまたは、エクスプローラで、さっきつくった「a.htm」をさがして、そのファイルを立ち上げる!
同じのができた?? 簡単でしょ?
ちょっと確認してみましょう。
立ち上げたa.htmで、インターネットエクスプローラーでは[表示]−[ソース]、ネットスケープだと[表示]−[ページのソース]をみてみて。どっかで、見た文章でしょ?。
そう、さっきつくったメモ帳の文章なのよ。こういう関係になっているのです。
では、あっちこっちのページに行って、ソースをのぞいちゃお〜 こらこら、のぞきはいかんぞ。(^O^)ゞ
タグのそれぞれの意味について説明するね。さらっと、読んでね。
<html></html> このファイルはHTMLで書いとるじょと宣言しています。この様な<>で囲ったタグによって、文章に意味をもたしているわけ。
<head></head> ここは、ドキュメントを書くことで、限定されたタグしか書けない。
<title></title> このタグの間に書いたことが、ブラウザのタイトルバーになる。<head></head>の間に書く。
タイトルは、結構重要ですよ。お気に入りに追加するときの名前は、ここに書かれている文字が登録されるからね。
シンプルなものがいいですね〜。他と同じだとわからなくなるから、工夫してね。
<body bgcolor="#fffaaf">最初のいっぽ。</body> 本文そのものです。このタグの間に書いたことが表示されるわけ。"bgcolor="は、背景の色を指定していて、"#fffaaf"が指定番号。RGBカラーを16進法で表している。
背景色を変えてみよう!!
サンプル A〜Fと1〜9の文字の組み合わせで、指定します。
| #ffffff |
| #ffffdd |
| #ffffbb |
| #ffff88 |
| #ffff66 |
| #ffff44 |
| #ffff22 |
| #ffff00 |
| #fffff0 |
| #ffddff |
| #ffbbff |
| #ff88ff |
| #ff66ff |
| #ff44ff |
| #ff22ff |
| #ff00ff |
| #ffff0f |
| #ddffff |
| #bbffff |
| #88ffff |
| #66ffff |
| #44ffff |
| #22ffff |
| #00ffff |
| #fff0ff |
| #ffdddd |
| #ffbbbb |
| #ff8888 |
| #ff6666 |
| #ff4444 |
| #ff2222 |
| #ff0000 |
| #ff0fff |
| #ddffdd |
| #bbffbb |
| #88ff88 |
| #66ff66 |
| #44ff44 |
| #22ff22 |
| #00ff00 |
| #f0ffff |
| #ddddff |
| #bbbbff |
| #8888ff |
| #6666ff |
| #4444ff |
| #2222ff |
| #0000ff |
| #0fffff |
| #dddddd |
| #bbbbbb |
| #888888 |
| #666666 |
| #444444 |
| #222222 |
| #000000 |