ホームページの正体

HTMLとは？

インターネットでやり取りされる文書はブラウザという専用のソフトで見ることができます　しかしこのブラウザは文字だけの書類しか理解できません　文字の色や大きさなどは変えられませんし、画像なども表示できません　そこで「タグ」という呪文のようなものを加えていきます　これはブラウザには表示されませんが、影ではしっかりお仕事をしています

ブラウザの［表示メニュー］から［ページのソース］を選んでください

これがこうなる

この「タグ」を加えたものを「HTML書類」や「HTMLファイル」といいます

「HTML」とは　ハイパーテキスト・マークアップランゲージ
（HyperText Markup Langage）という言葉の略です

「タグ」とは？

「タグ」は半角英数の<>に囲まれたものです
これによってブラウザ（Netscapeなど）がホームページを表示できるのです

（これからのページではタグを読みやすくするため大文字のアルファベットで表示しますが、タグは小文字でも問題はありません　また色を青にしますがこれも分かりやすくするためのものです）

ファイルの扱い

ファイル（書類、文書）には「どんな種類のファイルか」という情報が必要です
これがないと「このファイルはどのソフトで使うのか」がわからなくなり、開けなくなることがあります　ホームページでは主に「HTMLファイル」と「画像ファイル」を使います

「HTMLファイル」は「テキストファイル」であることが必要です　ワープロソフトなどのファイルはそのソフトでしか開けないのでホームページでは使えません　そこでHTMLファイルは「テキストエディタ」といわれるもので作ります　Macでは「SimpleText」を使います　MS-Windowsなら「メモ帳」です

SimpleTextと 作った書類

SimpleTextでも文字の大きさや飾りづけをすることができますが、これらはブラウザでは無視されます

ワープロソフトなどでもファイルの形式を変えて保存することができます　テキスト形式で保存すれば文字の大きさや色などは無視されますが、文字そのものは保存されます

また、作った文書の名前は「〜.html」で終わらせましょう　これは「拡張子」と言い、ブラウザにこれがHTMLファイルであることを理解させます

（Macは普通拡張子がいりませんがホームページの書類を置いておく機械、WebサーバはUnixなどMacとは全く異なる機械ですので、拡張子が必要になります　MS-Windowsではついていますが見えないことが多いです）

名前は「半角のアルファベットと数字で小文字」でないとうまくいきません　日本語はだめです　ファイルをまとめるフォルダも同じです　ファイル名は大文字でも構いませんが拡張子はだめですので、すべて小文字に統一するのが良いでしょう
名前を入れるときに画面の右上のアイコンがアメリカの国旗になっていれば「半角の英数」ですので確認しましょう

日本語入力の状態　→　　半角英数入力の状態

さらに一番最初に開かれるページには「index.html」と名前を付けましょう　“http://www.jhs.katsurao.org/jun1/”というホームページのリクエストは “http://www.jhs.katsurao.org/jun1/index.html”というものと同じです　つまり見る側は「index.html」を省略できるのです

ファイルの中身

文書の中身にも注意が必要です　使えない文字は下の図のようなものです

（これは図なので正確に表示されます）

主に「機種依存文字」といわれます　機械によって表示が変わってしまうものです
また２番目の「半角のカタカナ」は絶対使ってはいけません　電子メールに入っていると最悪の場合サーバが止まります　ホームページでもうまく表示できまい場合がありますので「インターネットでは使えない」と覚えておいてください

詳しくはこちら　−＞ 機種依存文字劇場

←戻る