MEMBUAT TABEL di HTML

pada tanggal

TABEL di HTML


Tabel

\Tabel merupakan struktur yang digunakan untuk menampilkan informasi dalam bentukbaris dan kolom. pada HTML, untuk pembuatan tabel menggunakan tag <table>, dan menggunakan tag <tr> untuk membuat baris dan <td> untuk membuat kolom.

Untuk lebih mudah memahami dalam pembuatan table pada HTML, berikut saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML.

Tag <table> merupakan tag pembuka dalam membuat sebuah table pada html, tanpa <table> ini, penggunaan <tr> dan <td> tidak bisa difungsikan dengan baik. <tr> atau dikenal dengantable rowmerupakan tag yang digunakan untuk membuat baris dalam table HTML. <td> atau dikenal dengan table datamerupakan tag yang digunakan untuk membuat kolom dalam baris. Dan tag<th> untuk membuat table head atau bagian kepala pada table

Contoh:

<!DOCTYPE html>
<html>
    <head>
        <title>Belajar Membuat Tabel HTML</title>
</head>
<body>
    <table border="1">
        <tr>
            <th rowspan="2" bgcolor="yellow">Bulan</th>
            <th colspan="2" bgcolor="#00ff80">Hasil Produksi</th>
        </tr>
        <tr>
            <th>Breket</th>
            <th>Pertanian</th>
        </tr>
        <tr>
            <td>Januari</td>
            <td>200 Bungkus</td>
            <td>500 Kg</td>
        </tr>
        <tr>
            <td>Februari</td>
            <td>400 Bungkus</td>
            <td>700 Kg</td>
        </tr>
        <tr>
            <td>Maret</td>
            <td>300 Bungkus</td>
            <td>400 Kg</td>
        </tr>
        <tr>
            <td>April</td>
            <td>800 Bungkus</td>
            <td>900 Kg</td>
        </tr>
    </table>

</body>
</html>

Hasilnya:



Komentar

Posting Komentar