ホームページを作ろう!! 
    * あなたにもホームページは簡単に作れるぞ (その3)
     画像データ(gif/jpg)を張りつけて最後にリンクを張ってみます

     このプログラムを保存するには、メモ帳の「ファイル」から「名前を付けて保存」で保存できます、2回目からは、「上書き保存」を使います、保存形式は「ファイル名.htm」で保存するとhtmlファイルとして保存されます

     * 画像データを張りつけてみます
     <html>
<head>
<title>マイホームページ</title>
</head>
<body bgcolor="#b0ffb0">
<center>
<table border="1" width="400">
<tr bgcolor="#90ff90">
<td><center><br>
<img src="fujisan04.gif">   ← 画像データを追加
<font color="#ff9090"><h2>初めて作ったホームページです</h2></font>
<p><font color="9090ff>簡単ホームページの作り方です</font></p>
<p>私のホームページをみてね</p><br>
</center></td>
</tr>
</table>
</center>
</body>
</html>

     画像データはWindowsのペイントで作成し、gifデータに変換しました、このプログラムはこちらからリンクしています

     * リンクを張ってみます
     <html>
<head>
<title>マイホームページ</title>
</head>
<body bgcolor="#b0ffb0">
<center>
<table border="1" width="400">
<tr bgcolor="#90ff90">
<td><center><br>
<img src="fujisan04.gif">
<font color="#ff9090"><h2>初めて作ったホームページです</h2></font>
<p><font color="#9090ff>簡単ホームページの作り方です</font></p>
<p>私のホームページをみてね</p>
<a href="phot.htm">写真集はここをクリック</a><br><br>   ← リンクを追加
</center></td>
</tr>
</table>
</center>
</body>
</html>

     リンクを追加するとホームページらしくなってきました、このプログラムはこちらからリンクしています

  マイホームページを作ろう!!(その3)        ナルト電器 2000.6

[電気の館へ戻る] [ボードの先頭へ] [その1へ] [その2へ] [その4へ]