TOP /HTML テーブルのレイアウト2

見出しをつける（align=bottomで下に表示） 

<table width=200 border=1>
<caption>【　見出し　】</caption>
<tr align=center><td>NO1</td><td>NO2</td></tr>
<tr align=center><td>NO3</td><td>NO4</td></tr>
</table>
【　見出し　】
NO1NO2
NO3NO4
テーブルヘッダ（tdの代わりにthを使うと大文字のセンター表示になる） 
<table width=200 border=1>
<tr><th>NO1</th><th>NO2</th></tr>
<tr><td>NO3</td><td>NO4</td></tr>
</table>
NO1NO2
NO3NO4
列に対する設定 
<table border=1>
<colgroup>
  <col span=1 width=100 align="center"bgcolor="#eeeeee">
  <col span=2 width=60 align="right">
 </colgroup>
<tr><td>NO1</td><td>NO2</td><td>NO3</td></tr>
<tr><td>NO4</td><td>NO5</td><td>NO6</td></tr>
<tr><td>NO7</td><td>NO8</td><td>NO9</td></tr>
</table>
NO1NO2NO3
NO4NO5NO6
NO7NO8NO9
テーブルを並べる1（テーブルをテーブルで囲む） 
<table><tr><td>
  <table width=200 border=1>
  <tr><th>NO1</th><th>NO2</th></tr>
  <tr><td>NO3</td><td>NO4</td></tr>
  </table>
</td><td>
  <table width=200 border=1>
  <tr><th>NO1</th><th>NO2</th></tr>
  <tr><td>NO3</td><td>NO4</td></tr>
  </table>
</td></tr></table>
NO1NO2
NO3NO4
NO1NO2
NO3NO4
テーブルを並べる2（align="left"で2つ目のテーブルを回り込ませる） 
<table width=200 border=1 align="left">
<tr><th>NO1</th><th>NO2</th></tr>
<tr><td>NO3</td><td>NO4</td></tr>
</table>
<table width=200 border=1>
<tr><th>NO1</th><th>NO2</th></tr>
<tr><td>NO3</td><td>NO4</td></tr>
</table>
NO1NO2
NO3NO4
NO1NO2
NO3NO4
テーブルを並べる3（ブロック要素であるテーブルをスタイルシートでインライン要素に変える） 
<br>
<table width=200 border=1 style="display:inline;">
<tr><th>NO1</th><th>NO2</th></tr>
<tr><td>NO3</td><td>NO4</td></tr>
</table>
<table width=200 border=1 style="display:inline;">
<tr><th>NO1</th><th>NO2</th></tr>
<tr><td>NO3</td><td>NO4</td></tr>
</table>

NO1NO2
NO3NO4
NO1NO2
NO3NO4