Update:97.9.8

HTMLタグ講座 Ver1.3


みなさん、「ひっさつてっけん雑記帳」の書き込みやってますか?
昔のノートのようにそう簡単にはなくならないので、たくさん書いて下さい

ところで、昔のノートと言えば、罫線なんてあってないようなもの。
罫線を真面目にまもって書いた文章なんて、
ガハハハ とか という
デカイ文字や絵にかき消されて、誰も気付かなくなっていました。

インターネット版雑記帳は、一見、小さな黒い文字でしか
書き込みができない
ように見えます。

ところが、そんなことはないんです。
でっかっく したり にしたりできるのです。

ここでは、そんな方法をお教えします。


◎まず、注意事項

「タグ」は半角英数字

タグは必ず半角英数字で記入して下さい。全角では認識されません。

1.「タグ」とは?

文字を大きくしたり、色を変えたり、斜体にしたり・・・
文字を修飾するには「タグ」を使います。
タグは、ふつう2つ1組で使います。
例:<FONT COLOR="red">赤にする</FONT>

はじめの<***>が色を赤に変える命令、</***>が終わりを表します。

(***は下記のFONTなど修飾命令が入ります。)

こう記入して、「OK」ボタンを押すと、雑記帳にはこう表示されるはずです。

赤にする

つまり、<>を「タグ」と呼び、<修飾命令>文章</修飾命令>という形式を取ります。

2.修飾命令の種類

修飾は色を変えるだけではありません。他にこんなのがあります。

斜体

<I>文章</I>→文章

太字

<B>文章</B>→文章

文字の大きさ

<FONT SIZE="n">文章</FONT>
nには数字が入ります。数字が大きくなればなるほど文字も大きくなります。

<FONT SIZE="5">文章</FONT>→文章

文字の色

<FONT COLOR="n">文章</FONT>
nには色が入ります。

white,black,blue,green,red,pink,aqua,lime,maroonなど英語で記入します。
もっと、細かい色を指定することもできます。それには”#44FFBB”など
数字・英語を組み合わせて記入します。詳しくは 色見本を参照して下さい。

<FONT COLOR="green">文章</FONT>→文章

点滅

<BLINK>文章</BLINK>
文章部分が点滅します。 注)Netscapeのみ表示されます。

<BLINK>文章</BLINK>→文章


3.応用しよう

さて、ここまでわかったら、これらを応用して雑記帳に書き込んでみましょう。
今月の目標
「フレッシュひたち」に乗ろう!
10月1日デビュー

という文章は、こう書きます。

<FONT SIZE="6">今月の目標</FONT>(改行)
<FONT COLOR="red"><I>「フレッシュひたち」に乗ろう!</I></FONT>(改行)
<B>10月1日</B>デビュー

「OK」ボタンを押す

※2行目のように2つのタグを組み合わせることも可能です。

4.コピー用サンプル

マウスでドラッグ&コピーして使ってください。
***部分には、それぞれ文章を入れてください。

文字をにする

<FONT COLOR="green">***</FONT>

文字を緑で2段階大きくする

<FONT COLOR="green" SIZE="+2">***</FONT>

リンクをつける

<A HREF="リンクしたいURL">***</A>

どうです?わかりました?
タグはこれら以外にたくさんあります。これは、ほんの一部です。
タグを理解できれば、ホームページを作ることも出来ます。

これを参考にみんなで雑記帳をカラフルにしましょう!

この「HTMLタグ講座」もこれからもっといろんなタグを紹介していきたいと思います。
更新したらまた見て下さい。では・・・

てっけんホームページへてっけん雑記帳へ上へ

Producer……N.Fuchino
Supervisor…T.Sasaki

ありがとうございました。 番目の来訪でした。