Tag Table (table)

Tag untuk Membuat Tabel di HTML

Untuk membuat tabel di HTML, kita menggunakan beberapa tag utama yang membantu dalam strukturisasi dan penampilan data tabular:

• <table>: Ini adalah tag utama yang membungkus seluruh tabel.

• <thead>: Digunakan untuk menandai bagian kepala tabel.

• <tbody>: Menandai bagian tubuh atau isi utama tabel.

• <tr>: Mendefinisikan baris dalam tabel.

• <td>: Digunakan untuk mendefinisikan sel data dalam tabel.

• <th>: Digunakan untuk mendefinisikan sel kepala (header) dalam tabel.

Contohnya:

<table border="1">
    <thead>
        <tr>
            <th>Nama</th>
            <th>Usia</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Dimas</td>
            <td>18</td>
        </tr>
        <tr>
            <td>Rizky</td>
            <td>20</td>
        </tr>
    </tbody>
</table>

Dengan menetapkan atribut border = 1, Anda menetapkan ketebalan garis batas tabel menjadi satu piksel, membuatnya terlihat dengan satu border. Ini adalah cara sederhana untuk memberikan batas visual ke tabel agar lebih mudah dilihat dan dipahami.

Menggabungkan Sel Tabel

Untuk menggabungkan sel dalam tabel HTML, Anda dapat menggunakan atribut rowspan dan colspan. Berikut adalah cara menggabungkan sel:

Menggabungkan Sel Secara Horizontal dengan Colspan

Untuk menggabungkan sel secara horizontal dengan menggunakan atribut colspan. Ini mengizinkan sel untuk menempati lebih dari satu kolom.

Contoh:

<table border="1">
    <tr>
        <td colspan="2">Menggabungkan dua kolom</td>
        <td>Kolom Tiga</td>
    </tr>
</table>

Dalam contoh ini, sel pertama akan menggabungkan dua kolom.

Menggabungkan Sel Secara Vertikal dengan Rowspan

Untuk menggabungkan sel secara vertikal dengan menggunakan atribut rowspan. Ini mengizinkan sel untuk menempati lebih dari satu baris.

Contoh:

<table border="1">
    <tr>
        <td rowspan="2">Menggabungkan dua baris</td>
        <td>Baris Pertama</td>
    </tr>
    <tr>
        <td>Baris Kedua</td>
    </tr>
</table>

Dalam contoh ini, sel pertama akan menggabungkan dua baris.

Tabel dalam HTML sangat berguna untuk mempresentasikan data secara terstruktur dan terorganisir