1. Table

Dalam HTML, Kita dapat membuat tabel menggunakan elemen <table>. Tabel terdiri dari beberapa elemen utama, yaitu:

  1. <table> : elemen induk untuk tabel
  2. <tr> (Table Row) : digunakan untuk mendefinisikan baris di tabel
  3. <th> (Table Header) : digunakan untuk mendefinisikan sel di baris header atau digunakan untuk judul di dalam tabelnya.
  4. <td> (Table Data) : digunakan untuk mendefinisikan sel data di dalam tabel.

Berikut Contoh sederhananya:

table.html
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Belajar Tabel</title>
</head>

<body>
    <table border="1">
        <thead>
            <tr>
                <th>No</th>
                <th>Mapel</th>
                <th>Catatan</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Matematika</td>
                <td>Belajar aljabar</td>
            </tr>
            <tr>
                <td>2</td>
                <td>Bahasa Inggris</td>
                <td>Grammar</td>
            </tr>
            <tr>
                <td>3</td>
                <td>P5</td>
                <td>Membuat Sabun</td>
            </tr>
        </tbody>
    </table>
</body>

</html>

Penjelasan

  • Bagian <thead> digunakan untuk header tabel.
  • Bagian <tbody> berisi baris data yang ingin ditampilkan.

Kita juga bisa menambahkan lebih banyak baris atau menyesuaikan dengan data yang diperlukan