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 です。