ご注文ありがとうございます!

THIRTYの
本当は、『SNK vs CAPCOM』
について語りたかったのですが、
仕方なく諦めて・・・
HPの作り方講座!

ですね!

っという訳で、始めました、この企画!
ま、まぁ、無理は承知の上で・・・
お役立てして頂けると嬉しい限りです!
はてさて、HPを作る上で一番厄介なのが・・・
そう、タグですね〜!何しろ、言語が違う訳ですから〜!
さて、そのタグ!種類を厳密に分けると、
HTML、JAVA,JAVA SCRIPT、スタイルシート・・・
切りがない訳で・・・まぁ、その一つ!
HTMLをやりましょう!というのが、今回の趣旨でございます!
せじゃま、始めましょう!

現在打っているこの文章!
どうやって表示するのでしょうか?
そのためには・・・

注: 『文章』には表示させたい文章、
内容等を入れてください!>
↑こんな風に打つ訳です! HTMLというのは、基本的に半角の各個、
<>←これで括ります!故に、ネット上に半角の括弧を
載せることは不可能である!っとも言えます!
ややこしいですね!
因みに、<body>←こっちが始まりで、
</body>←こっちが終わり!
有効範囲!ってやつですね!
終わりたい時には、上のように
『/』を入れてやればOK!という訳です!

『そんなこと、どうでも良い!エディタよこせ!』
っと言う方の為に!
→こちらへどうぞ!

さて、『上のタグを入力したのに、改行が利かないじゃないか!』
っと言う声が今頃出ていることでしょう!
っと言う訳で、簡単に羅列してみましょう!
↑『文章』の後ろに付けることにより、
その文章が改行される訳です!

↑有効範囲は、<center></center>の
</center>までで、
括られていない文章は、文字が中央には来ません!

因みに、センタリングの方法は他にもあります!
センタリングの他にも、右寄せ、左寄せがあります!
↑僕が個人的に好きなのは、これ!
左右両方からインデントが入ります!
一見すると<center>と全く同じなのですが、
その中身はちょいと違い、インデントなので、
改行をしても文の最初の部分が同じ列から
始めることの出来るといったものです!
↑と言う風に、変換される為、
ある意味、<center>で括るよりも、
上の方が楽だったりもします!
↑さっきのやつと、同じようなのがこれ!
ちょっと変わっただけ!って感じですね!
↑こっちは、文字の大きさを変えたヴァージョン!
全体の文字の大きさを指定してないのなら、
上のタグよりも使えるはずです!
1〜7まで数字が指定出来ます!
1が一番大きくて、7が最小です!

さて・・・っと色々書いてきましたが、
『いまいち分かり難いよ!』
っと言うあなた!
そんなあなたには、このタグをお勧めします!
↑これを使うと、
半角スペース等、半角括弧以外の物を
表示することが出来る!っと言う物です!
半角括弧以外ですので、改行もOK!
タグを知らない人でも簡単に作ることが出来ますね!
因みに、括弧を書きたい時は、
『&lt;』<半角英数!>が、『<』
『&gt;』<半角英数!>が、『>』
っと言う風に作られています!

今のタグで作ることは出来るのではありますが、
やはり文字の色などが変えれないと嫌でしょう!
っと言う訳で、次は文字についてです!

先程、文字の大きさを変えるタグを出しましたので、
その続きと言う訳で、文字の大きさを変えるタグを
羅列しましょう!
↑この二種類のタグは、全く同じ物なんです!
違うのは、サイズの指定の仕方!
<h1〜7>の方は、1が最大、7が最小ですが、
<font size=”1〜7”>の方は、
1が最小で、7が最大なのです!
数字の覚え方は、<font>の方が楽かもしれませんね!

タグですので、今まで同様、有効範囲もあります!
</h1>や、</font>です!
</font>の方は、サイズに関係なく統一されています!
だからと言う訳ではありませんが、普通は<h1>より
</font>の方が多用されています!
何故なら、色も変えることが出来るのです!
しかし、その前にもう一つ!サイズを変えるタグを紹介しましょう!
↑と言う物です!
これにより、一つタグに幅を持たせることが出来ます!
例えばこれ!
↑<font size=”±1〜7”>
っと言うことも出来る訳です!
『文章1』は、『+3』なので、『4+3=7』
よって、<font size=”7”>と同じ役割を!
『文章2』は、『−3』なので、『4−3=1』
よって、<font size=”1”>と
同じ役割を果たす訳です!
では、これは?
↑これはどうでしょうか?
でも、勘で分かりますよね?
<big>は、ベースのサイズ、
今回でしたら、4より一回り大きいサイズを出す訳です!
つまり、<font size=”5”>と同じ役割! 逆に、<small>は、ベースのサイズ、
4より一回り小さいサイズ、
つまり、<font size=”3”>
と同じ役割を果たす訳です!
さて、ここで不可解な点が!
それじゃぁ、『文章3』はどのサイズで表示されるのでしょうか?
ベースは4ですけど、サイズが7!
何か変ですよね!
ですが、『文章3』はベースに関係なく、
<font>で括られていますので、
そこに記載されているサイズが優先されるのです!

さて、次は色です!
↑こんな風に書きます!
<font>はサイズの他にも、色も指定出来るのです!
因みに、まとめちゃってもOK!
↑こんな風に、ばらばらに書いてもOKだったりします!
ところで、『#000000』って何でしょうか?
『black』は分かりますよね?
『black』は『黒』のことです!
では、『#000000』は?
実は、これも『黒』なんです!
数字から色を出していたと言う訳なんです!
因みに、色の指定の仕方は、ちょいと難しいです!
基本的に、『#000000』は、
16進数で表記されています!
最初の『00』は、『赤』の濃度を、
真中の『00』は、『緑』の濃度を、
最後の『00』は、『青』の濃度を表しています!
『00』が一番濃くて、『ff』が薄い色を指しています!

因みに、16進数と言うのは、
『0〜f』のことです!
『あんた、阿呆やろ!』
っと思うでしょうが、これは全て数字なんです!
僕らが普通に使っている数字、
0〜9までの数字を、10進数と言います!
何故、10進数と言うのかと言うと、
0〜9までの10個の数で構成されているからです!
そこからも分かるように、16進数は、 16個の数字から構成されています!
0、1、2、3、4、5、6、7、8、9、
a、b、c、d、e、f、これが16進数です!
a=10、b=11、c=12、
d=13、e=14、f=15、
っと言う風に割り振られています!
fの次は桁上がりですので、『0f』の次は、『10』なのです!
どうでしょうか?
ちょっと難しいかもしれませんね!
でも、そんな時は文字で打っちゃいましょう!
因みに、16777216色、全てのコードを知っている方には、
こんなタグもあります!
大体使う色を書いておきますね!
さて、ここまで出来ると、
やはり欲望という物は止まらないもでして!
文字の種類、文字の太さ、文字の形を
変えたくなってくることでしょう!
そこで、それらも羅列しようと思いますが、
ここからちょいと表記の仕方を変えます!
皆さんも、そろそろタグの表記法が分かったでしょうし!
実は、今までのような書き方をしていると、
これから先がどんどん大変になってしまうんです!
ドリームキャストのことも考え、
ドラックアンドドロップ方式は敢えてとりませんでした!
テキストエリアでしたら、
ドリームキャストでもコピーが出来ますからね!
ですので、これ以降もテキストエリアを使いますが、
表記をちょいとだけ簡略化させて頂きます!
わからなければ、こちらへメールでもください!

thirty@eirene.dricas.com

基本的には、2種類程度しか変えることが出来ません!
まぁ、仕方がないことなんですけどね!
ですが、取り敢えず書いておきます!
↑因みに、『抹消線』は、リンク時に引かれる
下線を消したりする役割です!
『上付文字』は、x2のように、
『自乗』、『累乗』に使うと便利ですよ!
更に、上のタグはこのように使うことも出来ます!
↑くっつけて使うと、それぞれの効果が出ます!
一つに絞らなくても良いので、使い勝手が広がりますね!

っと、書きましたが、何だか他にもあるらしいんですよ!
それが、この下のやつです!
↑色々ありますね!
無理して全部使わなくても良いですから!

注: 『[,]』はどちらかを選択してください!
HTMLとして表示する際、
『[,]』を書く必要はありません!
『plx,%』も同様です!
『pix』は『ピクセル』を意味します!
大きさの単位です!
『%』は『パーセンテージ』を意味します!
そのものの持つ大きさの数%しか表示しない!
と言う意味です!
更に、『n』は未知数です!
実際、HTMLとして無限回を指示するためには
使えません!
無限回繰り返したいのであれば、
『-1』を『n』に代入してください!
『n』には、繰り返したい数を入れてください!>
↑<blink>を書いたので、こっちも書きます!
因みに、<blink>はネットスケープナビゲーター専用で、
この下に書く、<marquee>は、
インターネットエクスプローラー専用のタグです!
ドリームキャストは、ネットスケープナビゲーターに
対応しているので、<blink>をお勧めします!
因みに、pixはピクセルです!
大きさを指定してあげてください!
nは変数ですので、好きな数を!
-1で無限回繰り返すと思います!

さて、この単元最後は見えないお洒落について!
例えば、このページにタイトルを付けたい時!
そんな時は、このタグを使ってください!
↑こうすると、『しおり』の画面等で、
そのページのタイトルを確認することが出来ます!

こっそり、PCの人達にメッセージがあるのなら、
こんなタグもあります!
↑これは、ソースで確認する他、見ることは出来ません!
他に、HPを作っている人達へのメッセージ、
または、自分への目印位には役立つ物です!

通常は、<!−−『文章』−−>ですが、
JAVA SCRIPTの場合は、
ちょっと違いまして・・・
まぁ、そのお話は後日にでも・・・

っと言う訳で、今回はこれにて終わりです!
次回は『レイアウト』について書こうと思います!
簡単ですので、皆さん挙ってCHARANGEしてみてくださいね!

追加メニューです〜!<にこやか!>( ̄▽ ̄)


このページは GeoCitiesです 無料ホームページをどうぞ