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要素で表を作ることもできます。