*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > HTML >  HTMLタグ辞典 >  <tr>
<tr>  テーブル  表  定番 

テーブルの行を作成。

Table Rowの略。<tr>～</tr>で1行を表します。

TABLEの基本構造

<table>
<tr><th>ヘッダ1</th><th>ヘッダ2</th></tr>
<tr><td>データ1</td><td>データ2</td></tr>
<tr><td>データ3</td><td>データ4</td></tr>
</table>
<table border="1" cellpadding="5" cellspacing="0">
<tr> <th bgcolor="skyblue" align="center">商品</th>
<th bgcolor="skyblue" align="center">売上</font></th>
<th bgcolor="skyblue" align="center">個数</th>
</tr>
<tr> <td bgcolor="#F0F0F0" align="left" nowrap>パソコン</td>
<td bgcolor="#FFFFFF" align="right"valign="top" width="150">300,000円</td>
<td bgcolor="#FFFFFF" align="center" valign="top" width="100">3台</td>
</tr>
<tr> <td bgcolor="#F0F0F0" align="left" nowrap>テレビ</td>
<td bgcolor="#FFFFFF" align="right" valign="top">200,000円</td>
<td bgcolor="#FFFFFF" align="center" valign="top">2台</td>
</tr> </table>

商品 売上 個数
パソコン 300,000円 3台
テレビ 200,000円 2台

HTMLの一般属性

属性説明
class="～"クラス名を指定。使用例
id="～"IDを指定します。使用例
style="～"スタイルシートを直接記述。使用例
title="～"タイトルを指定します。
dir="ltr|rtl"文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="～"言語を指定。日本語の場合は"ja"
Amazonで購入 Googleアナリティクス HTML CSS JavaScript Unity React Vue.js