HTML

表を作成するタグ

表を作成するタグ

表組みの基本

表組みは複数のタグを合わせて使用します。

セルを横方向に繋げる

セルを横方向につなげたいときは、つなげたいセルのタグにcolspan属性を追加します。

「colspan」にはつなげたいセルの数を書きます。

<table border=”1”>
 <tr>
  <th colspan=”2”>セル1+2</th>
 </tr>
 <tr>
  <td>セル3</td>
  <td>セル4</td>
 </tr>
 <tr>
  <td>セル5</td>
  <td>セル6</td>
 </tr>
</table>

セルを縦方向に繋げる

セルを縦方向につなげたいときは、つなげたいセルのタグにrowspan属性を追加します。

「rowspan」にはつなげたいセルの数を書きます。

<table border=”1”>
 <tr>
  <th>セル1</th>
  <th>セル2</th>
 </tr>
 <tr>
  <td rowspan=”2”>セル3+5</th>
  <td>セル4</td>
 </tr>
 <tr>
  <td>セル6</td>
 </tr>
</table>

-HTML