ホーム>HTMLリファレンス(アルファベット検索)><tr>タグ
<tr>…表の行を作成する
使用タグ
|
<tr 属性="属性値">〜</tr> |
開始タグと 終了タグ |
両方必須 |
内容となる 要素 |
td 要素、th 要素
|
|
|
解説
<tr>タグを使えば、表(テーブル)の行を作成することができます。
基本は、<tr>〜<tr>(表の行を定義)の中に、<th>(見出しセル)または、<td>(データ用セル)を記述します。 また、<tr>タグは<table>〜</table>の中に記述します。
|
属性と働き
属性 |
働き |
指定できる値 |
align="横方向の配置" |
行の中の文字の横方向の配置を指定できます |
「left」:左揃え 「center」:中央揃え 「right」:右揃え
「justify」:両端揃え
「char」:char 属性で指定した文字揃え |
valign="縦方向の配置" |
行の中の文字の縦方向の配置を指定できます |
「top」:上揃え
「middle」:中央揃え
「bottom」:下揃え
「baseline」:ベースライン揃え |
bgcolor="色" 非推奨
CSSでの指定…background-color |
行の背景色を指定できます |
色名やカラーコード(16進数)などを指定する |
char="文字"
対応ブラウザなし |
指定した値に合わせて文字を揃えます。 |
基準となる1文字 |
charoff="ずらす長さ"
対応ブラウザなし |
char属性で桁揃え文字が指定されていた場合、その文字からどれくらい左右にずらして表示するかを指定します |
ピクセルを表す整数、パーセンテージ |
使用例
記述例
<table border="1">
<caption>
国の人口ランキング
</caption>
<tr>
<th width="100" align="center">国名</th>
<th width="200" align="center">人口</th>
<th width="200" align="center">国土面積(km2)</th>
</tr>
<tr>
<td>A国</td>
<td>約30億人</td>
<td>約900万</td>
</tr>
<tr>
<td>B国</td>
<td>約5億人</td>
<td>約500万</td>
</tr>
<tr>
<td>C国</td>
<td>約3億人</td>
<td>約400万</td>
</tr>
</table> |
|
[ブラウザでの表示例]
ブラウザ |
国の人口ランキング
国名 |
人口 |
国土面積(km2) |
A国 |
約30億人 |
約900万 |
B国 |
約5億人 |
約500万 |
C国 |
約3億人 |
約400万 |
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他