ＨＴＭＬ


ＨＴＭＬとは「Hyper Text Markup Language」の略でページの設計図を書くための言語とでもいうのでしょうか。パソコンに命令するための言葉なのでパソ語みたいなものかなあ？（笑）　難しくないので素人にも簡単に使うことができます。


こんな感じのです。
（"と"の間は各自記入設定）

<HTML>
<HEAD><TITLE>タイトル</TITLE></HEAD>

<BODY BGCOLOR="" TEXT="">
<CENTER>
<FONT SIZE="">ＨＴＭＬ</FONT>
<P>
<HR><BR>
</BODY>
</HTML>


いま見ている画面のいちばん上のバーにに「表示」という項目があると思います。そこをクリックして「ソース」というのを表示させてみましょう。今見ているページの設計図つまり「ＨＴＭＬ」文書を見ることができるはずです。これをひとつずつ書いていくとページができるのですが、ページ制作ソフトなんかはソフトが勝手に書いてくれるので自分でひとつずつ書く必要がないのです。（ワープロ感覚で作れちゃいます。めちゃ便利）

どこに書けばいいの？

　「メモ帳」というところに書きます。スタート画面の一番下にある「スタート」というところから「プログラム」→「アクセサリ」と進めばその中に「メモ帳」というのがあるはずです。（たぶん）　それを開いて真っ白な画面から作るのです。

タグの基本構造

　基本は＜開始タグ＞と＜／終了タグ＞でできています。
　このふたつがそろってはじめてパソに「〜しなさい」という命令ができます。これらは必ず「半角」（漢字やひらがなの半分のサイズのアルファベット）で記入します。じゃないと動きません。大文字でも小文字でも構いませんがどちらかに統一したほうが良いと思います。

　次に基本的なタグとその説明をします。黒字がＨＴＭＬ文書で赤字が説明です。

<HTML>ＨＴＭＬの文書です、と宣言します。

<HEAD>文書のスタイル・構造などを表すところです。

<TITLE>タイトル</TITLE>そのページのタイトルを表します。タイトルバーに表示されます。

</HEAD>ＨＥＡＤはここまで、という意味です。

<BODY>ここからがページに表示されます。

<CENTER>センタリング。常に画面の真ん中に表示、の意味。

<FONT COLOR="">ここに文章を書きます。</FONT>このタグで文字のサイズや色を指定できます。

<BR>改行をします。

<HR>棒線を一本引きます。色・太さ・長さも指定できます。

</BODY>画面に表示するのはここまで。

</HTML>ＨＴＭＬ文書を終わります、と宣言。

※半角スペース（タグ外の）や改行は反映（表示）されません。自分の見やすいように改行を入れましょう。

　基本はこんな感じです。ここにいろんなタグを付け足したりしてページを作っていきます。ちょっと面倒かなあ、と思うかもしれませんが、自分が書いたタグをブラウザで表示したときの快感といったら（笑）　どんなスタイルでも自由自在に作ることができます。（勉強すれば、たぶん）

どうすれば表示できるの？

　ページを表示する。つまり「Internet Explorer」（略してＩＥ）などのブラウザにＨＴＭＬ文書を読ませてそれらの命令（ＨＴＭＬ）を実行（表示）させます。

　@メモ帳に書いたＨＴＭＬ文書を保存する。
　　メモ帳のタイトルバーが「無題」になっていませんか？　メモ帳の「ファイル」→「名前を付けて保存」で保存します。ただしファイル名は「英数小文字」にしてください。さらに保存するページがトップページ（一番最初のページ）ならばファイル名は「index」にしてください。これはブラウザが最初のページを「index」というファイル名で認識しているからで、最初のページを探すときに「index」を目印にしています。（とにかくそーゆーもんです）

　A拡張子を指定します。
　　拡張子とはなんでしょーか。私もよく知りませんが（おいおい）たぶんブラウザに「これはこーゆーもんだよ！」て紹介？するもんだと思います。これは画像だよ！とかこれは圧縮ファイルだよ！とか。定義なんてよくわからないけどわからなくても何とかなります。（私が何とかなってるから）　ホームページの場合は「html」もしくは「htm」になります。どっちが正しいというもんではないらしいですが、私は「html」のほうをｵｽｽﾒします。（なぜならジオシティーズだから）　よって「ファイル名」のところにはindex.htmlと記入します。（トップページの場合はね）　ちなみに拡張子（html）とファイル名の間には「ドット」という点（.）を入れます。　その他のページの場合、「.html」の前は何でも構わないです。「nikki」とか「new」とか自分がわかりやすいように。

　B保存場所。
　　保存場所はどこでも結構です。自分の使いやすいところでいーです。ちなみに私は「My Documents」に全部入ってます。きちんとフォルダを作って、整頓しておきましょう。（そのうちぐちゃぐちゃになってくるから、笑）

　C表示しましょう！
　　いよいよです。この瞬間がいちばん楽しいですね。開き方なんていろいろありますがとりあえずブラウザから開く方法。１．ブラウザを開く。（Internet Explorerとかのことですね）　２．メニューの「ファイル」をクリック。　３．「開く」を選択。（クリック）　４．「参照」をクリック。　５．保存場所を選び、ファイルを探し出す。　６．そのファイルをダブルクリック。　これでブラウザにあなたの作ったページが表示されるはず！　　（とにかく保存しておいたhtml文書を開けばいいです。ブラウザも勝手に開きます）

　これでひとまず基本は終わりです。あとはどれだけタグを覚えて自分のページをより高度なものにすることができるか、です。とにかくタグをひとつでも多く覚えて使いこなせるようにしましょう。というか「こんなページにしたい！」っていう「こだわり」さえあれば、タグなんていつのまにか身についてしまいます。（＾−＾）　とことん「こだわり」ましょう。それが上達への近道。


NEXT