表組み HTML tag "TABLE","TR","TD","TH"


"TABLE" 書式 例 実際の見え方
<table>〜</table> 表組みの基本的タグ
<table>
<td>見本1</td> <td>見本2</td>
</table>
見本1 見本2
※デフォルトでは、表の境界線は無し(border=0)である。
<table border=1>
<td>見本1</td> <td>見本2</td>
</table>

<table border=5>
<td>見本1</td> <td>見本2</td>
</table>
見本1 見本2

見本1 見本2
<table border=1 cellpadding=5 cellspacing=0>
<td>見本1</td> <td>見本2</td>
</table>

<table border=1 cellpadding=0 cellspacing=5>
<td>見本1</td> <td>見本2</td>
</table>

<table border=1 cellpadding=5 cellspacing=5>
<td>見本1</td> <td>見本2</td>
</table>
見本1 見本2

見本1 見本2

見本1 見本2
<table border=1>
<tr>
<td>見本1</td> <td>見本2</td> <td>見本3</td>
</tr>
<tr>
<td>見本4</td> <td>見本5</td> <td>見本6</td>
</tr>
</table>
見本1 見本2 見本3
見本4 見本5 見本6
<table border=1>
<tr>
<th>見だし1</th> <th>見だし2</th> <th>見だし3</th>
</tr>
<tr>
<td>見本1</td> <td>見本2</td> <td>見本3</td>
</tr>
<tr>
<td>見本4</td> <td>見本5</td> <td>見本6</td>
</tr>
</table>
見だし1 見だし2 見だし3
見本1 見本2 見本3
見本4 見本5 見本6
<table border=1>
<tr>
<th colspan=2>大見だし1</th> <th colspan=2>大見だし2</th>
</tr>
<tr>
<th>見だし1</th> <th>見だし2</th> <th>見だし3</th> <th>見だし4</th>
</tr>
<tr>
<td>見本1</td> <td>見本2</td> <td>見本3</td> <td>見本4</td>
</tr>
<tr>
<td>見本4</td> <td>見本5</td> <td>見本6</td> <td>見本7</td>
</tr>
</table>
大見だし1 大見だし2
見だし1 見だし2 見だし3 見だし4
見本1 見本2 見本3 見本4
見本4 見本5 見本6 見本7
<table border=1>
<tr>
<td align="center">\</td> <th>見だし1</th> <th>見だし2</th> <th>見だし3</th>
</tr>
<tr>
<th>項目1</th> <td>見本1</td> <td>見本2</td> <td>見本3</td>
</tr>
<tr>
<th>項目2</th> <td>見本4</td> <td>見本5</td> <td>見本6</td>
</tr>
</table>
見だし1 見だし2 見だし3
項目1 見本1 見本2 見本3
項目2 見本4 見本5 見本6
<table border=1>
<tr>
<th colspan=2 align="center">\</th> <th>見だし1</th> <th>見だし2</th> <th>見だし3</th>
</tr>
<tr>
<th rowspan=2>大<br>項<br>目<br>1</th>
<th>項目1</th> <td>見本1</td> <td>見本2</td> <td>見本3</td>
</tr>
<tr>
<th>項目2</th> <td>見本4</td> <td>見本5</td> <td>見本6</td>
</tr>
<tr>
<th rowspan=2>大<br>項<br>目<br>2</th>
<th>項目3</th> <td>見本a</td> <td>見本b</td> <td>見本c</td>
</tr>
<tr>
<th>項目4</th> <td>見本d</td> <td>見本e</td> <td>見本f</td>
</tr>
</table>
見だし1 見だし2 見だし3



1
項目1 見本1 見本2 見本3
項目2 見本4 見本5 見本6



2
項目3 見本a 見本b 見本c
項目4 見本d 見本e 見本f


[ 閉じる ]