Belajar Element HTML: <tr>

Tag <tr> mewakili baris sel dalam tabel HTML.

Elemen <tr> adalah bagian penting dari setiap tabel HTML karena sel-sel yang diwakilinya, menyediakan data yang disajikan dalam tabel.

Baris tabel dapat berisi satu atau lebih tag <td> dan <th> yang menentukan masing-masing sel, dan elemen pendukung skrip (<script>, <template>).

Syntax

Tag <tr> ditulis seperti <tr></tr> dengan anak-anaknya bersarang di antara tag pembuka dan penutup.

Seperti ini:

<table>
	<tr>
		<td>Cell 1</td>
		<td>Cell 2</td>
	</tr>
</table>

<table border="1">
  <tr>
    <th>Header Cell</th>
    <th>Header Cell</th>
    <th>Header Cell</th>
  </tr>
  <tr>
    <td>Cell</td>
    <td>Cell</td>
    <td>Cell</td>
  </tr>
  <tr>
    <td>Cell</td>
    <td>Cell</td>
    <td>Cell</td>
  </tr>
</table>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <tr> dengan pengaturan CSS:

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}