テーブル関連  next

 ●テーブルを作る

テーブルというのはいうなればまぁ表のようなものです

<table border=" " > </table> 表  
<tr > < /tr> 横一列
<td > < /td> セル

※border(枠線を表示 0なら枠線は出ない)

● <table>〜</table>に挟まれた範囲がテーブル(表)になります
テーブルを作成する場合に最初と最後に置きます 枠線を表示する場合は border=" " に数字を指定します

● <td>〜</td>で囲われた物はセルになります

● <tr></tr>は行(列?)を指定します

例  基本的な書式は以下のようになります
<table border=1>
<tr>
<td>たくや</td>
<td>しんご</td>
<td>つよし</td>
</tr>
</table>
これをページで見ると 以下のように見えます

たくや しんご つよし

table このタグで表全体の指定をします  この例の場合 border=1 と記入してるので
枠線が入っています  border=0だったら 枠線は出ません
tr列を指定しています <tr></tr>で囲むと横1列が出来ます
この例の場合1組しか作ってないので1行だですが
td<tr></tr> の1行の中をこの<td></td>タグでさらに分割できます
以下の例の場合3組みの td タグで分けています

枠線2(border=2)の書き込み例
<table border=1>
<tr><td>
たくや</td><td>スマップ</td><td>なぜか妻子持ち..くそ </td></tr>
<tr><td>
しんご</td><td>スマップ</td><td>背は高いが若すぎ(自爆) </td></tr>
<tr><td>
つよし</td><td>Kinki </td><td>可愛いが背がちょっと..(爆) </td></tr>
</table>



上記のように書いた場合のページ表示例

たくや スマップ なぜか妻子持ち..くそ
しんご スマップ 背は高いが若すぎ(自爆)
つよし Kinki 可愛いが背がちょっと..(爆)


枠線0(border=0)で画像を入れた書き込み例
<table border="0">
<tr><td>
画像1</td><td>画像2 </td><td>画像3 </td></tr>
<tr><td>
<img src="1.gif"></td><td><img src="2.gif"> </td><td><img src="3.gif"> </td></tr>
<tr><td>
画像1</td><td>画像2 </td><td>画像3 </td></tr>
<tr><td>
<img src="4.gif"> </td><td><img src="5.gif"> </td><td><img src="6.gif"> </td></tr>
</table>



上記のように書いた場合のページ表示例

画像1画像2画像3
画像4画像5画像6
Graphics By Hoshizora-No-Neko-tachi


Copyright ako's cyberpage All rights reserved