トップページ >  HTMLタグ一覧  > 表の作成

■ 表の作成

 

要素 属性 用途
table border= 枠線の太さ
bgcolor= テーブルの背景色
bordercolor= 枠線の色
width= テーブルの横幅
align= テーブルの配置

概要


「border=」は数字で太さを指定します。
指定しない場合は「3」となります。
「bordercolor=」「bgcolor=」には色コードまたは色名を指定します。
「width=」には長さを指定しますが、 端末によって画面の幅が変わってくるので、「%」で指定することをお奨めします。
「align=」には「left」(左揃え)、「center」(中央揃え)、「right」(右揃え)を指定します。

テーブルは特殊で<table>の他に <tr>、<td>を使います。
<tr>は「行」、
<td>は「列」を指定します。
サンプルと実行結果を見て把握してください。
(テーブルは端末によって正常に表示されません)

SAMPLE


<table border=1 bordercolor=#ff00ff width=90% align=center>
<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>

実行結果


1行目1列目1行目2列目1行目3列目
2行目1列目2行目2列目2行目3列目
3行目1列目3行目2列目3行目3列目