テーブルタグ ホームページ作成支援サイト ウェブライズで素材をゲット
ウェブ ライズ
ウェブ デザイン
サイトマップ
HOME >> HTML >> テーブルタグ1
コンテンツ

テーブルタグ1


テーブルタグの基本1

テーブルを表示させるときは、<table>タグを使用します。<tr>タグが行で、<td>タグがセルをあらわします。以下の例の場合、<tr>タグ一つの間に<td>タグが3つあるので、1行3列のテーブルになります。
なお、テーブルをレイアウトするために使用する場合や、枠線を表示させたくないときはborder属性を0にしてください。
<table border="1">
<tr>
<td>1番目</td>
<td>2番目</td>
<td>3番目</td>
</tr>
</table>

1番目 2番目 3番目

例(borderを0にした場合)
1番目 2番目 3番目

テーブルタグの基本2

上記のテーブルを3行3列にした場合。
<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>
<tr>
<td>7番目</td>
<td>8番目</td>
<td>9番目</td>
</tr>
</table>

1番目 2番目 3番目
4番目 5番目 6番目
7番目 8番目 9番目
▲トップへ戻る