th要素はセル(内容を書く部分)の見出しを作成する要素です、<th>タグは<table>タグの中に入れてさらに<tr>タグの中に入れて宣言します。(td要素と使い方は同じ)
終了タグは省略できます。
<table border="1"> <tr> <th>ココに内容を書きます<th> <td>trタグ内にthタグとtdタグを宣言しているので一つの行にセルが二つです<td> </tr> <tr> <th>このtr、thタグに終了タグを付けてません <td>このtr、tdタグに終了タグが付けてません </table>
| ココに内容を書きます | trタグ内に二個のtdタグを宣言しているので一つの行にセルが二つです |
|---|---|
| tr、tdタグには終了タグがありません | tr、tdタグには終了タグがありません |
| 属性名 | 値 | 概要 |
|---|---|---|
| align | center | 行のセル内を中央揃えで表示 |
| right | 行のセル内を右揃えで表示 | |
| left | 行のセル内を左揃えで表示 | |
| valign | baseline | 行のセル内をベースラインに揃える |
| top | 行のセル内を上に揃える | |
| middle | 行のセル内を中央に揃える | |
| bottom | 行のセル内を下に揃える | |
| bgcolor | #RRGGBB | #000000等の16進数で2桁ずつ背景色を宣言し、細かく設定できる |
| red | 色名で背景色を指定する、この場合は背景を赤色にする | |
| width | px,% | pxか%でセルの幅を設定 |
| height | px,% | pxか%でセルの高さを設定 |
| colspan | 数字 | 入れられた値分、横のセルと連結する |
| rowspan | 数字 | 入れられた値分、縦のセルと連結する |
| nowrap | nowrap | 自動改行の禁止 <td nowrap>と宣言する |
表はCSS・スタイルシートも少し使い辛く分かり難いと思いますが中々便利です。
少々面倒ですがdiv要素で表を作ることもできます。