初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「今回から表作るタグを勉強するぞぃ。」

　「表かぁ・・・ぼくのHPで使わないと思うけどなぁ・・・。」


　「ふぉっふぉっふぉっ。たしかに、
　　　　HPによってはサンプルのような表はあまり使わんかもしれんな。
　　　　じゃが、覚えておくと便利なタグじゃぞぃ。」


　「表以外になんか使い道あるんですか？」


　「うむ。たとえばページの中で文字や画像を配置するのに
　　　　この表のタグを使うとうまいこと配置できることがあるぞぃ。」


　「なるほど☆
　　　　じゃあ、ページ全体も表で作っちゃえば
　　　　レイアウトとか楽にできるんですか？」


　「むむ。ところがじゃ。
　　　　レイアウトに表のタグを使うデメリットというのもあるのでな。
　　　　できれば、本来の表を作る目的として使うのがいいぞぃ。」



　表を作るためのタグ
-----------------------------------------------------------------


　<TABLE border>　〜　</TABLE>　：　〜に表を表示する。

　<TR>　〜　</TR>　：　〜に行を表示する。

　<TD>　〜　</TD>　：　〜にセルを表示する。


-----------------------------------------------------------------



　「・・・ややこしいですね。」


　「そうじゃな。今までのタグに比べてちょっとややこしいかもしれんが、
　　　　少しずつ説明していくぞぃ。
　　　　まず　<TABLE border>　〜　</TABLE>　にはさまれた部分に
　　　　表の外枠を表示するとイメージするのじゃ。」



<TABLE border>


</TABLE>



　「こんな感じじゃな。」


　「ふむふむ。」


　「次に　<TR>〜</TR>　じゃが
　　　　これは上の　<TABLE border>〜</TABLE>　の間に入力じゃ。
　　　　これで　行　が作れるぞぃ。」



<TABLE border>

<TR>		</TR>
<TR>		</TR>
<TR>		</TR>

</TABLE>



　「こんな感じじゃ。」


　「<TR>〜</TR>　は何回でも連続で使えるんですか？」


　「うむ。表示したい行数分だけ使うといいぞぃ。
　　　　そして最後の　<TD>〜</TD>　を使って　セル　を作るぞぃ。
　　　　これは　<TR>〜</TR>　の中に入力じゃぞ。」



<TABLE border>

<TR>	<TD>　</TD> <TD>　</TD> <TD>　</TD> <TD>　</TD> <TD>　</TD> <TD>　</TD>	</TR>
<TR>		</TR>
<TR>		</TR>

</TABLE>



　「これで表になったじゃろぅ。」


　「ホントだ！」


　「セルに文字を入力する場合は　<TD>〜</TD>　の間に入力じゃ。
　　　　今回はわかりやすいようにひとつずつバラして説明しておるが
　　　　このたぐは3つセットで使うぞぃ。
　　　　どのタグもそれひとつだけでは表を表示することはできんから気をつけてな。
　　　　では実際に使ってみるぞぃ。」

　「3つの表を作ってみたぞぃ。
　　　　こんな風に、タグを少しずらして入力すると後で見やすくなるのぅ。
　　　　では実際にブラウザで見てみるぞぃ。」

　「見やすいようにタグをずらして入力することを　字下げ　というぞぃ。
　　　　これは必ず　半角スペース　を使うんじゃ。
　　　　でないと、表と表の間が大きくあいてしまうぞぃ。」


　「わかりました。」


　「今回はこれでおしまいじゃ。」






↑ページのTOPへ

メールに件名をつけよう <<<　前のページへ戻る

表の枠線を指定しよう 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃６．表 　>>>　表を作ろう