PR	★高収入が可能！ＷＥＢデザインのプロになってみない？！

TABLEを使う(基本2)

▼セルが複数の場合

<tr>から</tr>の間に、増やす分だけセルを<td>～</td>を繰り返す。

サンプルページ

▼行が複数の場合

行を増やす分だけ<table>から</table>の間に<tr><td>～</td></tr>を繰り返す。

サンプルページ

▼セルと行が複数の場合

1行目と2行目以降の列(セル)を同じ数にしないとレイアウトが乱れます。

<table border="3" bordercolor="#000000" bgcolor="#CCFFFF">
<tr>
<td>1行目1列目の文字</td>
<td>1行目2列目の文字</td>
<td>1行目3列目の文字</td>
</tr>
<tr>
<td>2行目1列目の文字</td>
<td>2行目2列目の文字</td>
<td>2行目3列目の文字</td>
</tr>
<tr>
<td>3行目1列目の文字</td>
<td>3行目2列目の文字</td>
<td>3行目3列目の文字</td>
</tr>
</table>

サンプルページ

▼列や行を結合する場合

横に結合する場合colspan="セルの数"。縦に結合する場合rowspan="セルの数"を使います。

<table border="3" bordercolor="#000000" bgcolor="#CCFFFF">
<tr>
<td colspan="2">1行目1列目の文字</td>
</tr>
<tr>
<td>2行目1列目の文字</td>
<td>2行目2列目の文字</td>
</tr>
</table>

サンプルページ

<table border="3" bordercolor="#000000" bgcolor="#CCFFFF">
<tr>
<td rowspan="2">1行目1列目の文字</td>
<td>1行目2列目の文字</td>
</tr>
<tr>
<td>2行目1列目の文字</td>
</tr>
</table>

サンプルページ