つくっちゃいましょうか!3

前回で簡単な表紙を作りました・・→クリック
んで次はリンクを作ってみましょう。リンクっていうのは上の「クリック」みたいに違うページに飛ぶやつです。

<html><head>
<title>
名前:</title>
</head>
<
background="BK023.gif">
<p align="center"> </p>
<hr>
<p align="center"><
imgsrc="toppe.gif"
width="164" height="59"></p>
<p align="center"><font color="#FF0080" size="6">
名前:トッペ</font></p>

<p align="center"><font color="#FF0080" size="6">
誕生日:3月2日</font></p>

<p align="center"><font color="#FF0080" size="6">
歳:高校二年生</font></p>

<p align="center"><font color="#FF0080" size="6">
住んでるとこ:関西</font></p>
<hr>
</body></html>

とりあえず自己紹介のページを作りました。
<background="BK023.gif">はまず
←BK023.gif という画像があります、これを背景にする時に
<background>タグを使います。
ここで注意するのは、必ずここでは 
BK023.gif をこのファイルを保存しているのと同じファイルに入れて置かなければ、表示できません。
<imgsrc="toppe.gif"width="164" height="59">
←toppe.gif という画像がありそれを貼りたい場合は
<imgsrc="toppe.gif">とやれば貼れます。ただしここでも、同じファイルにこの画像を入れておかなければいけません。
<width="164" height="59">
は大きさなのであまり考えなくていいです・・・・(^-^;

そしたらこんなんができました→クリック
これで飛ぶページができました。では実際にやってみましょう。

<html><head>
<title>HP製作の部屋へいらっしゃ〜い</title>
</head><body>
<center>

<font color="red" size"6">
HP製作の部屋へいらっしゃ〜い
</font>
</center>
<hr>
まずは表紙でも作ってみましょ〜(^^)/
<p align="center"><font size="5"><strong>
<a href="zikosyoukai.htm">

自己紹介!

</strong></font></p>
</body></html>

んで、さっき作った自己紹介のページを zikosyoukai.htm とファイルに保存したとした時、上のように
<a href="zikosyoukai.htm">このように書けばオッケーです。ここでも、しつこいですが同じファイルに zikosyoukai.htm を保存しておいてください。
そんでできたのがこんなやつです。→
クリック

とまあ、わかりにくいけどここまで読んでくれた方本当にありがとうございました。
ここまでやってきた事は基礎ですがこれだけでもそこそこ良いものができると思います。
何かわからない事があればわかる範囲で答えさせていただきますので、BBS or メールにてお知らせ下さい。
また、時間が許せば続きも作りたいです・・・・(^-^;

感想:ここまで作ってしまいましたが、ホントに自己満足の世界です(笑) だけど一人でも「HPつくんのかんたんじゃん!」って思ってくれたらいいかなー なんて思ってます。
とか、いってる本人のHP自体自慢できるものではありませんが、ここまでとりあえずできてよかったと思います。

ここまで読んでくれた人ありがとうございました〜 m(_ _)m

 

TOPに戻る