サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 表の行 <TR>

表の行 <TR>



<TR>タグについて

表の行は<TR>属性で定義できます。この行の中に<TD>タグや<TH>タグで定義されたセルが並べられます。

属性 機能 記述例
bgcolor 背景色 <TR bgcolor="red">
background 画像 背景画像 <TR background="a.gif">
align left
center
right
左揃え(初期値)
セルの内容を中央揃え
セルの内容を右揃え
<TR align="left">
<TR align="center">
<TR align="right">
valign top
middle
bottom
baseline
セルの内容を上揃え
中央揃え(初期値)
セルの内容を下揃え
ベースラインに揃える
<TR valign="top">
<TR valign="middle">
<TR valign="bottom">
<TR valign="baseline">


サンプル

表の行


セルを右揃えにします 背景を青にします
セルを下揃えにします 背景を赤にします



サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>表の行</H2>
<BR>
<TABLE border="1" width="80%" height="100">
<TR align="right" bgcolor="blue">
<TD>セルを右揃えにします</TD><TD>背景を青にします</TD>
</TR>
<TR valign="bottom" bgcolor="red">
<TD>セルを下揃えにします</TD><TD>背景を赤にします</TD>
</TR>
</TABLE>


解説・注意点など

表のレイアウトは、<TR>タグだけでなく、<TABLE>タグや<TD>タグなど様々タグが関係してきます。
少し複雑ですので慣れるまで大変だと思います。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home