テーブル横列スパン
一つの横列が二つの列分の幅で、他の列は通常通りのテーブルを作るにはどのようにすればいいですか?
どのようにしてhtmlテーブルで縦列を分割するのですか?
説明
横列スパン
テーブルを使用している際に、縦列で横列を分割する必要がある場合があります。これは、 rowspanを使用すると簡単に作成できます
例えば、横3列、縦3列のテーブルがあるとします。ここで、2番目の縦列を2列分の高さにしたいと思います。 .
デモ:
最初の行 | . | . |
2番目の行 | 2 | 2 |
3番目の行 | 3 | 3 |
テーブル
最初の行 | スパン | . |
2番目の行 | 2 |
3番目の行 | 3 | 3 |
スパン表
ここでは、一つの縦列を2つに分割しました。これは rowspan="x" を使用して作るころができます。上記の例では、横列2列分に縦列をしたいので、 "rowspan=2"というアトリビュート(属性)を追加します。
1番目の横列と2番目の横列が合わさったので、2番目の縦列には横列が2つだけになります。
Tag:
<table>
<tr><td>最初の行</td> <td rowspan=2> スパン </td> <td> . </td></tr>
<tr><td>2番目の行</td><td> 2 </td></tr>
<tr><td>3番目の行</td><td> 3 </td><td> 3 </td></tr>
</table>