HTMLって何？タグのおさらいをしよう。

せんせい、ホームページは出来たんですけど、メモ帳で打った文字ってどんな意味があるんですか？

気にするな。出来たんだから、もういいじゃん。

よくありませんよ！意味わからないと気持ちわるいじゃないですか！

そうか。じゃ、HTMLとタグの説明からだな。メモ帳で入力した<>で閉じられたものをタグというのだ。で、そのタグを使って書くホームページ用言語をHTMLと呼ぶ。

<a 〜>や<img　〜>とかのことですか？

その通り。言語といっても、プログラム言語のように難しいものではない。HTMLはHyper Text Markup Languageの略だな。簡単にいうとハイパーテキスト用に、文章に直接命令を書いちゃう言語だ。

すんごい訳し方ですね。でもハイパーテキストって何ですか？

ハイパーテキストとは文章中に関連の情報の位置を埋め込んで、他の情報を簡単に見れるようにする仕組みのこと。ようするにリンクしてるってことだ。

じゃぁ、インターネット全体がハイパーテキストなんですね？

そういうことだ。ハイパーテキストという考え方でつながっている世界がインターネットってわけだな。

わかりました〜。じゃぁ、タグの説明いってみよう！

勝手にススメルナ！

HTMLの基本ルールについて話しておこう。まずは書き方からだな。

囲むタグ

効果を反映させたい部分を囲むタグは</*>でタグの終わりを指定する。
例：<a>リンク</a>　<strong>太字</strong> <p>段落</p>

単独タグ

単独で指定するタグもある。
例：<img src="*">画像指定 <hr>水平線 <br>改行

タグは半角

<>で囲まれたタグは必ず半角英数字で入力する。ただし属性＝”＊”の部分で日本語を入力する場合はある。

ファイル名拡張子

一つのフォルダ内で目次の役割をするページやトップページのファイル名は「index.html」とする（フォルダ内で一つだけ）。
HTMLで書かれたファイルの拡張子は「*.html」「*.htm」とする。

このあたりは楽勝です！

うむ、そんなに難しくないだろ？次は属性の話。<img>タグを例にしてみよう。

<img src="*" width="*" height="*" alt="*">

属性

赤文字の部分がタグの属性だ。ようするにタグのオプションってことだな。このようにタグにはそれぞれ属性があって、属性の指定でタグの効果が変わってくるのだ。

属性はそれぞれのタグにあるんですか？

ほとんどのタグに属性があるけど、よく使うものは決まってくるから全部を覚える必要なない。必要な時にHTMLタグ辞典や検索で調べればOKだ。

でも、タグってたくさんありますよね。一気に覚える方法とかないんですか？

こればっかりは何度も試して覚えるしかないな。でもな、ホームページを作ってる人全部がタグに詳しいわけじゃない。

でも、せんせいはすごいですね。タグと属性知ってるんだもの。

いや、私も普段は作成ソフトを使ってるいるから、ほとんど忘れてるな。このページのためにHTMLタグ辞典を何度も読み返した・・・・って、何を言わせるだ！バレるだろうが！

にしし。基本を知ってれば応用できるってことですね。

これで作り方の手順はわかったと思う。あとはページの内容に合わせて、タグを覚えたり運営に必要な知識を身に付けていく。ネットならみんなのタグ辞書やHTML小技集 、シンプレストを一通り見ておくと、何ができるかわかってくると思う。この3つはトップページの右上でリンクしてるから調べたいことがあったら利用してくれ。

ここまでで、うまく出来なかった人は次のFAQでチェックです。