月下美人
の
わかりやすいHP講座









今度はHPを作る時に知っておいたら役に立つ情報を、お話ししましょうか。 ☆リンクを貼りたい時(リンクっていうのは自分のHPから自分のお気に入りのHPや お友達のHPに、一瞬で行ける抜け道・・言ってみればドラエモンの「どこでもドアー」 みたいなモノの呼び方のこと) 月下美人のHPですよ。 一度覗いてみたらいかがですか? <A href=”http://rimnesia.gaiax.com/home/gekka”>月下美人</A>のHPですよ。 一度覗いてみたらいかがですか? 上記のように打ち込みます。このように「”」と「”」の間にリンクしたいURLをいれると、 そことリンクが貼れます。月下美人の下線は自動的にはいります。 試しに月下美人をクリックしてみてください。 ☆メールが欲しい時 メールはこちらまで!! <A href=”mailto:メールアドレス”>メール</A>はこちらまで!! これも上記のように打ち込みます。そして「”」と「”」の間にメールアドレスを入れる事で リンクが貼れます。 今度も試しにメールをクリックしてみてください。 ☆好みの画像を貼りたい時には <IMG SRC=”http://www  〜   ”>  となります。 この時には終了タグは不必要です。 「”」と「”」の間には貼り付けたい画像のファイル名を書きます。 (自分のディレクトリイにおいてある画像などです)通常は自分のURLとなります。 ☆HPのプログラムの中で使う時に知っていたら便利なタグです。 ◎<H1>大きい文字</H1>

大きい文字

◎<H2>ちょっと大きい文字<H2>

ちょっと大きい文字

◎<H3>普通より大きい文字</H3>

普通より大きい文字

◎<H4>普通より少し大きい文字</H4>

普通よりすこし大きい文字

◎<H5>普通より少し小さい文字</H5>
普通よりすこし小さい文字
◎<H6>小さい文字</H6>
小さい文字
☆文章をセンタリングしたい時には <CENTER>文章</CENTER> となります。
それでは、実際に打ち込んでみましょう。
いかがでしょうか?

こんなふうになりましたか?
☆応用編です

月下美人

わかりますか? 文字を大きくして、色をつけて、傾斜させて、点滅させて、センタリングさせました。 今までお話してきたタグを使って組み合わせるとこんな事ができます。 色々な工夫をして楽しんでください。




[入門編索引へ戻る]



[TOPへ戻る]