CARA BUAT TABEL HTML

Mengetahui bagaimana cara membuat tabel HTML memang merupakan salah satu hal penting yang perlu dipahami dalam belajar pemrograman web. Dalam HTML, tabel digunakan untuk menyajikan data dalam format yang terstruktur. Jadi, pastikan kamu memahami cara membuat tabel HTML dengan baik.

Pengertian Tabel HTML

Tabel HTML adalah struktur tabel standar yang menggunakan baris dan kolom untuk menampilkan data. Elemen HTML yang digunakan untuk membuat tabel adalah <table>, <tr> untuk baris, dan <td> untuk kolom.

Cara Membuat Tabel HTML

Langkah 1: Membuat tag table

Pertama, kamu harus mulai dengan menulis tag <table>. Ini adalah langkah awal dalam membuat tabel HTML.

   <table>  
   </table>

Jika diberikan kesempatan malihat tampilan kode ini di browser, kamu akan melihat bahwa kode ini tidak menampilkan apa-apa. Nah, ini karena tabel belum memiliki baris dan kolom.

Langkah 2: Menambahkan baris

Setelah menulis tag <table>, langkah selanjutnya adalah menambahkan baris dengan tag <tr>.

   <table>  
      <tr>
      </tr>
   </table>

Sama seperti sebelumnya, jika kamu mencoba melihat tampilan kode ini di browser, kamu masih akan melihat halaman kosong. Ini karena baris yang kamu buat belum memiliki kolom.

Langkah 3: Menambahkan kolom

Untuk menambahkan kolom, kamu harus menggunakan tag <td>. Tag ini harus diletakkan di dalam tag <tr>.

   <table>
      <tr>
        <td></td>
      </tr>
   </table>

Dengan menambahkan tag <td>, maka sudah terbentuk satu kolom dalam satu baris. Jika kamu ingin menambahkan lebih banyak kolom, kamu hanya perlu menambahkan lebih banyak tag <td>.

Langkah 4: Menambahkan lebih banyak baris dan kolom

Untuk menambahkan baris baru, kamu perlu menambahkan tag <tr> lainnya. Setiap tag <tr> akan menciptakan baris baru. Selanjutnya, kamu juga dapat menambahkan tag <td> di dalam setiap tag <tr> untuk membuat kolom.

   <table>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
   </table>

Dalam kode di atas, tabel memiliki dua baris dan dua kolom.

Selamat! Sekarang kamu sudah mengerti dasar-dasar dalam membuat tabel HTML. Pastikan untuk terus berlatih dan eksperimen dengan kode ini untuk lebih memahami cara kerjanya. Selamat belajar pemrograman web!