HTML講座

では、次に色々と試してみましょう。
さきほどのタグだけだとかなり寂しくなってしまいます。
と言うか、１つのページだけで何をしろって感じになってしまいます(笑)
まずは、違うページと繋げる、リンクを覚えましょう。

<A HREF="URL">リンク</A>
これがリンクさせるタグになっています。
開始タグの本体が<A>なので終了タグは</A>になります。
中にあるHREF="URL"のHREFは気にしないでください(笑)
とりあえず、これがリンクだなって覚えていればＯＫです。
="URL"の部分にはリンク先のURLが入ります。
もし、yahoo!!にリンクするのであれば、
<A HREF="http://www.yahoo.co.jp/">ヤフー</A>
になります。
これを実際にやってみると、「ヤフー」になります。
これが、もし自分のHP内のHTMLファイルで、同じディレクトリにある場合は、
ファイル名だけ入れればリンクされます。
例えば、
<A HREF="main.html">
の様にするだけでちゃんとリンクされます。

それとですね、BODYタグありましたよね？
あれの中にLINK="#000000"を入れるとリンク文字の色を指定出来ます。
あと、VLINKやALINKもあるんですが、
それは・・・まぁ・・・タグ集で見てください。
最初の段階では最低限必要なものしか教えないので、とりあえず基礎覚えてからね(笑)

次に、画像を表示させる方法を覚えましょう。
画像が作れないとか、画像が無いって人は友達に頼んだり、
もしくは、素材屋さんなんかもあるのでYahoo!!などで検索してみてください。
ほとんどの素材屋さんが無料で貸してくれますよ。

<IMG SRC="URL">
これが画像を出すタグです。
このタグは単体なので、終了タグはいりません。
やっぱりさっきのリンクと一緒で、同じとこにあればファイル名だけでＯＫですよ。

これで画像が付き、そしてリンクも出来ましたね。
テキストだけのHPなら十分ですが、まだまだ味気ないですね。
全部左に寄ってしまってますしね(笑)
では、次に画像や文字などを中央に持っていってみましょう。

<CENTER>＆</CENTER>
これが中央にもっていくタグです。
この開始タグと終了タグの間にあるのは全部中央に寄ります。
ここは、後で教えますがテーブルタグと言うのを使ってますので、
白い文字の書いてある部分の中心に寄ります。

ここが真ん中

この様に画面のサイズなどが違っても常に中央にいてくれます。
これでTOPの画像を中央に寄せ、メニューを作る事も出来ます。
ちょっとは個性が出せるようになったかな？
もうちょっと出したいですよね(笑)
次はちょっと文字をイジってみましょう！！

～
これはフォントの変更タグです。
まぁ、文字を色々とイジる用のタグですね。
開始タグの中に何を指定するかを書けば間にある文字がそれに応じて変化します。
って言っても、あまり変わった事は出来ませんが(笑)
とりあえず、中に入るものを教えますね。

COLOR="#000000"
これは前にも出てきましたね、これを中に入れると間にある文字の色が変化します。
結構使いやすいですよ。
例えば、

メモリの増設やHDDの増設をしたいけど、お金が無い(T-T)

みたいにも使えます。
リンクタグの間に入れて、リンク文字の色を別のに変更出来たりもしますよ。

SIZE="7"
これは見てもわかると思いますがサイズ変更です。
サイズは１～７まであったと思います(笑)
標準が３で、それ以下の数字が小さく、それ以上の数字は大きくなります。
見出しや強調したいとこなどに使えますね。
例えば、

彼女が出来た・・・と思ったら夢だった(T-T)

みたいな感じっすね。

そうそう、この２個は同時にも使えますよ。
その場合タグは１個だけで平気です。
ってか、使い方の説明だけでどうするか書いてませんでした(笑)
えっと、
変えたい文字
になります。

これでホントに最低限のページは作れます。
ページ同士のリンクをすれば普通に作れます。
とりあえず、今まで書いてあったHTMLを使ってみると、

<HTML>
<HEAD>
<TITLE>初めてのページ</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#990000">
 
<CENTER>
メニュー 
 
１、<A HREF="nikki.html">日記</A> 
２、<A HREF="bbs.html">BBS</A> 
 
</CENTER>
</BODY>
</HTML>

に、なります。
これでTOPページは完成！！・・・でもいいんですが、
でも、ちょっと見た目が気になったりする人は次をどうぞ(笑)
このままじゃメニューは真ん中に寄ってるのに番号とかズレてますもんね。