子供と超初心者のためのホームページ作成教室、htmlの基礎から、フリー素材や掲示板チャットなどのCGI解説、javascriptなどの例も

テーブルをうまく利用してホームページ全体のレイアウトに利用することも出来ます。このページもテーブルを利用してレイアウトを作成しているんです。

この下のメモ帳も実はテーブルを利用したレイアウトなんですよ。わかったかしら?

テーブルの枠線を全部表示するとわかりやすいかもね。

 

このメモ帳の構成がテーブルで作られていることをもしあなたが気づいていたら、もうあなたはHTMLの達人と言えるのじゃないかな?

このメモ帳もどきは画像とテーブルの背景色、背景画像を組み合わせて出来ているんですよ。この下にそのタグを書いておきますね

<TABLE border="0" width="470" cellspacing="0" cellpadding="0">
<TR>
<TD colspan="3"><IMG src="lesson2/x1.gif" width="470" height="42"></TD>
</TR>
<TR>
<TD width="4" bgcolor="#A1A1A1"> </TD>
<TD width="444" height="250" bgcolor="#FFFFFF" valign="top" align="left">
<P>このメモ帳の構成がテーブルで作られていることをもしあなたが気づいていたら、もうあなたはHTMLの達人と言えるのじゃないかな?</P>
<P>この<B>メモ帳もどき</B>は画像とテーブルの背景色、背景画像を組み合わせて出来ているんですよ。この下にそのタグを書いておきますね</P>
</TD>
<TD bgcolor="#A1A1A1" width="22" valign="top" align="right"><IMG src="lesson2/x22.gif" width="22" height="16" align="right" border="0" vspace="0" hspace="0"></TD>
</TR>
</TABLE>

何かの参考にして下さい。

このメモ帳もどきで使われている画像は2種類です

x1.gif

X22.gif

この上の2種類の画像を組み合わせてメモ帳もどきを作っています