日記を書く





日記を書くための準備をします。

日記は写真をいっぱい使用したり、
月ごと、日にちごとに ----.html のファイルを作ったりすることでどんどん量が増えるので、
日記用の新しいフォルダを作っておくほうがいいです。




まず、デスクトップ の hpフォルダ の中に新しいフォルダを作成して、
 nikki という名前にしておきます。





さらに hpフォルダ の aaa.html ファイルをコピーして、
 nikkiフォルダ の中に貼り付けます。

貼り付けたファイルは nikki.html にしておきます。


 nikki.html を開いて右クリック、ソースを表示させます。

TOPページと同じように日記を書いていきましょう。

日にちごとにテーブルタグで囲ってあげるとすこし見栄えが良くなるかもしれません。


<html>
<head>
<title>ひみつの部屋</title>
</head>
<body bgcolor=paleturquoise text=green>

<br>
<i><font size=6>ひみつの日記</font></i><br>
<br>
<table border=8>
<tr><td>
<br>
○月1日?曜日<br>
<br>
今日からホームページ作りを開始することにした。<br>
ちょっとワクワク。<br>
<br>
</td></tr>

<tr><td>
<br>
○月2日?曜日<br>
<br>
タグってむずかしい。<br>
ちょっとうざい。<br>
<br>
</td></tr>

<tr><td>
<br>
○月3日?曜日<br>
<br>
<font size=5 color=red>あきた</font><br>
<br>
やってらんねーよ こんなもん<br>
<br>
</td></tr>
</table>

<br>
<TOPに戻る>
<br>

</body>
</html>






同じように 写真の部屋 も作っちゃいますか?





やはり写真の部屋も、後々ファイルの数が増えますので新しいフォルダを作りましょう。





shashinフォルダ に aaa.html をコピーして shashin.html とでも変更して、
表示させたい写真を同じフォルダにコピーしておきます。


準備ができたら shashin.html のソースを表示させて、
好きなようにアレンジします。



<html>
<head>
<title>ひみつの部屋</title>
</head>
<body bgcolor=paleturquoise text=green>

<br>
<i><font size=6>ひみつの写真</font><i><br>
<br>

<table border=8>
<tr><td><img src=hituji.jpg width=200 heigth=150></td>
<td><br>ひつじ<br>
<br>
黒板五郎のペット。<br>
<br>
</td></tr>

<tr><td><img src=higuma.jpg width=200 heigth=150></td>
<td><br>ひぐま<br>
<br>
クマ牧場にいる。<br>
ヒグマとしてのプライドゼロ。<br>
<br>
</td></tr>

<tr><td><img src=kitune.jpg width=200 heigth=150></td>
<td><br>きつね<br>
<br>
野良犬みてーなキツネ。<br>
<br>
</td></tr>
</table>

<br>
<TOPに戻る>
<br>

</body>
</html>


こんな感じですか?



とりあえずTOPページと、自己紹介、日記、写真の部屋 ができました。

次はリンクを学びますが、眠い人は無理しないで寝たほうがいいですよ。
体に良くないですから。



次へ


趣味友遊的ホームページ講座
五目の部屋
TOP
inserted by FC2 system