テーブルタグの詳しく説明②
全体の詳細、横一桁の詳細、マス目ごと詳細を指定して見ましょう。
■詳細を指定するタグ一覧
▼<table>の詳細指定タグ
(表の全体の詳細)
border="枠の太さ"
bordercolor="枠の色"
bgcolor="表の色"
width="表の横幅"
height="表の高さ"
align="表の位置"
cellspacing="マス目間の距離"
↓指定なし
↓cellspacing="5"に指定
cellpadding=文字と枠の間隔
↓指定なし
↓cellpadding="10"に指定
詳細指定タグコピー
▼<tr>の詳細指定タグ
(表の横一桁の詳細)
bordercolor="枠の色"
bgcolor="表の色"
align="横位置"
↓align="center"に指定
↓align=leftに指定
↓align="right"に指定
詳細指定タグコピー
■詳細を指定するタグ一覧
▼<table>の詳細指定タグ
(表の全体の詳細)
border="枠の太さ"
bordercolor="枠の色"
bgcolor="表の色"
width="表の横幅"
height="表の高さ"
align="表の位置"
cellspacing="マス目間の距離"
↓指定なし
| 文字 | 文字 |
| 文字 | 文字 |
↓指定なし
| 文字 | 文字 |
| 文字 | 文字 |
詳細指定タグコピー
▼<tr>の詳細指定タグ
(表の横一桁の詳細)
bordercolor="枠の色"
bgcolor="表の色"
align="横位置"
↓align="center"に指定
| 文字 |
| 文字 |
| 文字 |
詳細指定タグコピー
▼<td>の詳細指定タグ
(マス目の詳細)
border="枠の太さ"
bordercolor="枠の色"
bgcolor="表の色"
align="横位置"
rowspan="縦連結"
↓rowspan="2"に指定
↓上のタグ詳細
colspan="横連結"
↓rowspan="2"に指定
↓上のタグ詳細
詳細指定タグコピー
(マス目の詳細)
border="枠の太さ"
bordercolor="枠の色"
bgcolor="表の色"
align="横位置"
rowspan="縦連結"
↓rowspan="2"に指定
| 文字 | 文字 | 文字 |
|
<table border="1" bordercolor="red"> <tr> <td rowspan="2">文字</td> <td>文字</td> </tr> <td>文字</td> </tr> </table> |
colspan="横連結"
↓rowspan="2"に指定
| 文字 | 文字 | 文字 |
|
<table border="1" bordercolor="red"> <tr> <td colspan="2">文字</td> </tr> <td>文字</td> <td>文字</td> </tr> </table> |
