[記事公開日]2015/01/13

HTML表組の作成

国名 人口(百万人) 首都
日本 120 東京
フランス 50 パリ
アメリカ合衆国 200 ワシントン

<table border=”1″>
<tbody>

 

<tr>

<TD ALIGN=”center”>国名</td>
<td align=”right”>人口(百万人)</td>
<td align=”left”>首都</td>
</tr>

 

<tr>

<td>日本</td>
<td>120</td>
<td>東京</td>
</tr>

 

<tr>

<td>フランス</td>
<td>50</td>
<td>パリ</td>
</tr>

 

<tr>

<td>アメリカ合衆国</td>
<td>200</td>
<td>ワシントン</td>
</tr>

 

</tbody>
</table>

 

その2★

国の人口とその首都
国名 人口(百万人) 首都
日本 120 東京
フランス 50 パリ
アメリカ合衆国 200 ワシントン

<table border=””><caption>国の人口とその首都</caption>
<tbody>
<tr>
<th>国名</th>
<th>人口(百万人)</th>
<th>首都</th>
</tr>
<tr>
<td>日本</td>
<td>120</td>
<td>東京</td>
</tr>
<tr>
<td>フランス</td>
<td>50</td>
<td>パリ</td>
</tr>
<tr>
<td>アメリカ合衆国</td>
<td>200</td>
<td>ワシントン</td>
</tr>
</tbody>
</table>

 

★参考

表組

 

★その3

シュークリームの材料
品名 用途
バター 100g シュー生地
2g
小麦粉 100g
3個
卵黄身 4個分 カスタードクリーム
砂糖 100g
小麦粉 50g
ミルク 500cc
バニラエッセンス 少々
洋酒 少々

<table border=”1″>
<tr><th colspan=”3″>シュークリームの材料</th></tr>
<tr><th align=center>品名</th> <th align=center>量</th> <th align=center>用途</th></tr>
<tr><td>バター</td> <td>100g</td> <td rowspan=”4″>シュー生地</td></tr>
<tr><td>塩</td> <td>2g</td></tr>
<tr><td>小麦粉</td> <td>100g</td></tr>
<tr><td>卵</td> <td>3個</td></tr>
<tr><td>卵黄身</td> <td>4個分</td> <td rowspan=”6″>カスタードクリーム</td></tr>
<tr><td>砂糖</td> <td>100g</td></tr>
<tr><td>小麦粉</td> <td>50g</td></tr>
<tr><td>ミルク</td> <td>500cc</td></tr>
<tr><td>バニラエッセンス</td> <td>少々</td></tr>
<tr><td>洋酒</td> <td>少々</td></tr>
</table>