[新着] Webテンプレートを仮オープンしました
tableタグに align="" を追加すると、表に並ぶ文字の位置を指定できます。
<table align="left">
| align="" | left … （表の右側に文字を表示します） |
|---|---|
| right … （表の左側に文字を表示します） | |
| center … （表をセンターに配置します） |
※centerを指定した場合は、文字の回り込みは行われません。
文字の回り込みを終了させるためのbr clearもご覧ください。
※この属性は、HTML4.01では非推奨とされています。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■alignにleft（表の右側に文字を表示する）を指定する場合
<table border="1" align="left">
<tr>
<td>HP作成A社</td>
<td>HP作成B社</td>
<td>HP作成C社</td>
</tr>
<tr>
<td>HP作成D社</td>
<td>HP作成E社</td>
<td>HP作成F社</td>
</tr>
<tr>
<td>HP作成G社</td>
<td>HP作成H社</td>
<td>HP作成I社</td>
</tr>
</table>
表の右側に
<br>
複数行の文字を
<br>
表示してみます
<br clear="all">
▼これをブラウザで見ると次のように表示されます
| HP作成A社 | HP作成B社 | HP作成C社 |
| HP作成D社 | HP作成E社 | HP作成F社 |
| HP作成G社 | HP作成H社 | HP作成I社 |
■alignにright（表の左側に文字を表示する）を指定する場合
<table border="1" align="right">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
<tr>
<td>WebデザインD社</td>
<td>WebデザインE社</td>
<td>WebデザインF社</td>
</tr>
<tr>
<td>WebデザインG社</td>
<td>WebデザインH社</td>
<td>WebデザインI社</td>
</tr>
</table>
表の左側に
<br>
複数行の文字を
<br>
表示してみます
<br clear="all">
▼これをブラウザで見ると次のように表示されます
| WebデザインA社 | WebデザインB社 | WebデザインC社 |
| WebデザインD社 | WebデザインE社 | WebデザインF社 |
| WebデザインG社 | WebデザインH社 | WebデザインI社 |
■表を中央に表示する場合
<table border="1" align="center">
<tr>
<td>SEO対策A社</td>
<td>SEO対策B社</td>
<td>SEO対策C社</td>
</tr>
<tr>
<td>SEO対策D社</td>
<td>SEO対策E社</td>
<td>SEO対策F社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| SEO対策A社 | SEO対策B社 | SEO対策C社 |
| SEO対策D社 | SEO対策E社 | SEO対策F社 |
※centerの場合は、回り込みは行われません。
