テーブルの行を区切る

テーブルの行を区切る【<tr>】

ブラウザで表示した時の見え方

名前	性別	趣味
あい	女性	パソコン

ソースサンプル

<table border="1">
<tr>
<th>名前</th>
<th>性別</th>
<th>趣味</th>
</tr>
<tr>
<td>あい</td>
<td>女性</td>
<td>パソコン</td>
</tr>
</table>

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

テーブルの行を定義するタグです。行の間には<th>要素と>td>要素を配置することができます。
オプションを紹介しますが、できる部分はCSSで設定しましょう。
(※1)は非推奨属性です。

オプション
bgcolor (※1)	16進数またはカラーネーム	背景色を指定する	<th bgcolor="#ffffff">
background (※1)	画像ファイル名	背景画像を指定する	<table background="./back.gif">
align	left、center、right	左揃え、中央揃え、右揃えにして表示する	<th align="center">
valign	top、middle、bottom	上、中央、下に寄せて表示する	<td valign="top">
属性名	値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > HTML - テーブルの行を区切る