<table>〜</table>で囲まれた部分が『表』として表示されます。
border="外枠の太さ(ピクセル数)"
border属性で外枠の太さ(ピクセル数)を指定しない場合、ブラウザの初期設定値で表示されます。
ピクセル数=半角数字
行(横の区切り)を定義します。
<tr>〜</tr>で囲まれた範囲が1行になります。
列(縦の区切り)を定義します。
<th>見出し1</th>一つが、一区切りということです。
見出しに該当する項目などを設定する場合に使用します。
<tr><th>見出し1</th><th>見出し2</th><th>見出し3</th></tr>
見出し1 | 見出し2 | 見出し3 |
---|
この「th」で囲まれた内容は位置の指定が無い場合、左右センタリングに配置され、テキストの場合は太字で表示されます。
列(縦の区切り)を定義します。
td の内容は位置指定がない場合、左寄せになります。
<td>内容1</td>一つが、一区切りということです。
<tr><td>内容1</td><td>内容2</td><td>内容3</td></tr><tr><td>内容4</td><td>内容5</td><td>内容6</td></tr>
この場合、横3行×縦2列の表になります。
内容1 | 内容2 | 内容3 |
内容4 | 内容5 | 内容6 |
見出し1 | 見出し2 | 見出し3 |
---|---|---|
内容1 | 内容2 | 内容3 |
内容4 | 内容5 | 内容6 |