Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><tr>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<tr>…表の行を作成する

使用タグ

HTMLタグ

<tr 属性="属性値">〜</tr>

開始タグと
終了タグ

両方必須

内容となる
要素

td 要素th 要素

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<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| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system