html trラベル

HTML の tr タグに関する記事

trタグの定義と使用説明

HTML <tr> タグは、テーブルの行を定義するために使用されます。テーブルは行と列で構成されており、各行は <tr> タグで開始します。そして、行内の各セルは <td> または <th> タグで定義されます。

ブラウザのサポート状況

<tr> タグは、ほぼ全てのモダンブラウザでサポートされています。以下の表は各ブラウザのサポート状況を示しています:

ブラウザ サポート状況
Google Chrome サポート済み
Mozilla Firefox サポート済み
Safari サポート済み
Microsoft Edge サポート済み
Internet Explorer サポート済み (一部版本を除く)

trタグの属性とイベント

<tr> タグには、いくつかの属性とイベントがあります。主な属性は以下の通りです:

  • align:セル内容の水平配置を指定します。
  • bgcolor:背景色を指定します。
  • valign:セル内容の垂直配置を指定します。

また、<tr> タグには以下のようなイベントもサポートしています:

  • onclick:行がクリックされたときに発生します。
  • ondblclick:行がダブルクリックされたときに発生します。
  • onmouseover:行にマウスカーソルが乗ったときに発生します。
  • onmouseout:行からマウスカーソルが外れたときに発生します。

コード例

以下は、trタグを使用したサンプルコードです:

<table border="1">
    <tr>
        <th>名前</th>
        <th>年齢</th>
        <th>都市</th>
    </tr>
    <tr bgcolor="lightgray">
        <td>鈴木</td>
        <td>25</td>
        <td>東京</td>
    </tr>
    <tr>
        <td>田中</td>
        <td>28</td>
        <td>大阪</td>
    </tr>
    <tr>
        <td>佐藤</td>
        <td>22</td>
        <td>名古屋</td>
    </tr>
</table>
        

質問と回答

Q1: <tr> タグはどのように使用されますか?

A1: <tr> タグは、テーブルの各行を定義するために使用されます。行内のセルは <td> または <th> タグで定義されます。

Q2: <tr> タグはどのブラウザでサポートされていますか?

A2: <tr> タグは、Google Chrome、Mozilla Firefox、Safari、Microsoft Edge、およびほとんどのバージョンのInternet Explorerでサポートされています。

Q3: <tr> タグで使用できる属性は何ですか?

A3: <tr> タグで使用できる主な属性は、align、bgcolor、および valign です。