テーブルの基本＿１
☆
テーブルの基本
☆
<table> …
テーブル全体
<tr> …
テーブルの1行（table
row）
<th> ... テーブルの1セル（table
header：データの見出し）
<td> …
テーブルの1セル（table
data：データ）
表のレイアウトタグ
| 左寄せ | <Div Align="left"> 左寄せ </Div> | 左寄せ
|
| 中央寄せ | <Div Align="center"> 中央寄せ </Div> | 中央寄せ
|
| 右寄せ | <Div Align="right"> 右寄せ </Div> | 右寄せ
|
その１
セル１
セル２
<div align="center">
中央配置タグ
<table border="1"
>
テーブルの枠の太さ( border=" "
)
<tr>
１行目
<td>
１つ目のセル
セル１</td>
文字(閉じタグ)
<td>
２つ目のセル
セル２</td>
文字(閉じタグ)
</tr>
１行目終わり(閉じタグ)
</table>
テーブル終わり(閉じタグ)
</div>
中央配置タグ(閉じタグ)
その２
セル１
セル２
<div align="center">
中央配置タグ
<table border="0" style="border: 1px solid #000000"
>
テーブルの枠の太さは0で、
外枠をスタイルでつけたパターン( style=" " )
外枠をスタイルでつけたパターン( style=" " )
<tr>
１行目
<td>
１つ目のセル
セル１</td>
文字(閉じタグ)
<td>
２つ目のセル
セル２</td>
文字(閉じタグ)
</tr>
１行目終わり(閉じタグ)
</table>
テーブル終わり(閉じタグ)
</div>
中央配置タグ(閉じタグ)
その３
| セル1 |
|---|
| セル2 |
<div align="center">
中央配置タグ
<table border="1"
>
テーブルの枠の太さ( border=" "
)
<tr>
１行目
<td>
１つ目のセル
セル１</td>
文字と(閉じタグ)
</tr>
1行目終わり(閉じタグ)
<tr>
２行目
<td>
２つ目のセル
セル２</td>
文字と閉じタグ
</tr>
２行目終わり(閉じタグ)
</table>
テーブル終わり(閉じタグ)
</div>
中央配置タグ(閉じタグ)
その４
| セル１ |
|---|
| セル２ |
<div align="center">
中央配置タグ
<table border="0" style="border:
1px solid #000000"
>
テーブルの枠の太さは0で、
外枠をスタイルでつけたパターン( style=" " )
外枠をスタイルでつけたパターン( style=" " )
<tr>
１行目
<td>
１つ目のセル
セル１</td>
文字と(閉じタグ)
</tr>
1行目終わり(閉じタグ)
<tr>
２行目
<td>
２つ目のセル
セル２</td>
文字と閉じタグ
</tr>
２行目終わり(閉じタグ)
</table>
テーブル終わり(閉じタグ)
</div>
中央配置タグ(閉じタグ)
© Rakuten Group, Inc.
