タグってどんなもの?

• ホーム[H]
• トップページ[T]
• タグってどんなもの？
• 大体の感じを教えて
• ヘッダに書き込むものって？
• ページ作りの本番の前に
• フォントとはなんぞな
• 画像を表示してみよう
• 表を作ってみよう
• リンクの貼り方教えて
• フレームってどーなってるの？
• 最後に
• 補足

Exit[E]

さて、授業を始めようかの。

しつも〜〜ん

おお、いきなりじゃの、なんじゃ?

「タグ」ってなんですかぁ？

ソースを見てみるじゃ。
ブラウザで表示されとらんような、
「<」
と、
「>」
で囲んだものがあるじゃろ。
タグっちゅうのはそれじゃよ。

ええ〜っ！？　それだけっ？

なにぃー、ワシをうタグっとるのか！？

〜〜〜・・・・

そうそう、先に言っておかねばならぬが、
HTMLでは、改行は<br>でするんじゃぞ。

改行にイチイチそんなものを
書かないといけないんですか?

そうじゃ。
普通に改行してもタブを使って字下げしても、
ブラウザでは全て一つの半角スペースとして
扱われるのじゃ。
例えば こんな風じゃったり、
こう じゃったり、
こんなけ入れても 半角スペース一つ分空くんじゃ。

何故そんな面倒な仕様になってるんですか？

これは、
作る側の人間が
後で自分が見やすいように加工できる
ようになっとるわけじゃな。

全角スペースは　　　別じゃぞ。
適当に文字をそろえる時には、
これを使うとええかも知れんの。

おおっと、半角カナとか、○囲み文字とか、
メールで「使っちゃダメぇ！」な文字は、
Webページでもゲンキンじゃぞ。
お金の事ではないのじゃな。

空がキレイだなぁ。

改行の<br>、<と>で囲ってあるって事は、
これ、タグなんですか?

その通りじゃ。
こんな風に、内容の無いような要素もあるぞい。

さぶっ　零下10度。

それじゃ、表示したくないものは
全部<と>で囲っちゃえばいいんですね！

おぉおっと、
そんな早合点してはイカンぞな。

表示したくない部分の始めに
<!--
最後に
-->
と書き込むんじゃ。
<!--ホレホレ-->とこの次に書き込んでおるが、
表示されんじゃろ？
こういうのをコメントと言うとる。
間で改行しても大丈夫じゃぞい。

ちなみに、コメント中に「-」を
2本以上つなげて使わんほうが良いぞ。
ちいとややこしい話があるでの。

なるほど、
自分がそこにどーゆータグを書いたのか
覚え書きをしとくのにいいね。

ところで、
<と>で括ってあるって事は、
これもタグなんだな。

いんや、違うぞい。
ただの、自分の為の覚え書きじゃからの。
表示にも影響せんし、裏方にもならんじゃろ。
全く意味を持たんで、タグとは呼ばぬのじゃ。

ああ、なるほどね。

えっと・・・前のセリフで出てくる内容と要素って
専門用語ですよね。
どういう意味なんですか？

よく気が付くのぉ。
そう急かずとも、後できちんと説明するのじゃ。
もう少し待ってくれじゃ。

それじゃあ、タグというものの基本的な構造を
理解していこうかの。
まずは、以下の図を見るじゃ。

1.ここには要素名を書くんじゃ。
　「<」と「/」、1.との間には何も入れないように。

　これはトップレベルドメインみたいなモンで、
　「今から書くのは文字のことじゃ」とか、
　「これから画像のことについて書くんじゃ」と言う風に、
　おーおきなことを決めとるんじゃな。

ワシのようなジジのことを、
オキナ、と言ったりするんじゃな。

はかせ〜、凍え死にそーでーーす。
先に進んでくださーい。

ったくもー、チカゴロノワカイモンは
ワシのギャグを理解しとらん。

2.ここは属性と呼ばれとる。
　Windowsで言う、プロパチィみたいなモンじゃな。
　文字の場合、どんなフォントを使うかとか、
　大きさはどのくらいかとか
　画像の場合は、高さ、幅など
　リンクの場合は、リンク先といった具合じゃ。

3.ここが主に直接表示される部分じゃ。
　内容と呼んどる。

　ホントは順序が逆で、
　「何かを指定したい文を
　その為のタグで囲んで指定する」のじゃ。

さっきから要素、要素って出てるけど、
要素って一体何？

要素っちゅうのは、
開始タグ<b>等から終了タグ</b>なんかまでの、
一まとまりのことじゃ。

要は参考に使っておる例全体で、
一つのfont要素なのじゃよ。

でっ！？
じゃあ、bodyタグで本文を全部囲うけど、
それって全部、body要素ってことになるの?!

その通りじゃ。
(bodyの説明って、まだしとらんのじゃが…)

ひえ〜〜;;

属性って無くても良いんですか？

無くて良いものもあるし、
絶対入れとかなきゃならんものもある。
そういった属性にはマークを付けとる。
同じものは二度使えぬが、
重複しないなら大体無制限じゃ。

要素名と属性、属性と属性の間は
必ず半角スペースで区切るのじゃぞ。
全角スペースで区切ろうモノなら、
表示がムチャクチャの茶瓶土瓶になってしまうのじゃ。

半角スペースの代りに
改行を使っても良いぞい。

（ムチャクチャの茶瓶土瓶・・・）

それから、こういう事もしてはならんぞ。

きちんと入れた開始タグの逆順に、
内側から終了していくのじゃよ。

次回は、HTMLの骨組みについてじゃ。