cara buat tabel html

 

Dalam HTML, tag <table>, <tr>, <th>, dan <td> digunakan untuk membuat dan menampilkan tabel data di halaman web.

---

📘 1️⃣ Pengertian dan Fungsi Tag Tabel

Tag Nama Fungsi Utama <table> Table Sebagai wadah utama atau kerangka dari sebuah tabel. Semua baris dan kolom ditulis di dalam tag ini. <tr> Table Row Untuk membuat baris di dalam tabel. Setiap <tr> berisi beberapa sel data (<td> atau <th>). <th> Table Header Untuk membuat sel judul kolom atau baris. Tulisan di dalam <th> biasanya tebal (bold) dan tengah (center) secara default. <td> Table Data Untuk membuat sel data biasa (isi tabel). Berada di dalam baris (<tr>).

---

🧩 2️⃣ Contoh Sederhana

<table border="1">
  <tr>
    <th>No</th>
    <th>Nama</th>
    <th>Kelas</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Rina</td>
    <td>VII A</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Andi</td>
    <td>VII B</td>
  </tr>
</table>

🔍 Penjelasan

• <table border="1"> → membuat tabel dan memberi garis tepi.

• <tr> → membuat baris.

• <th> → membuat sel judul kolom (No, Nama, Kelas).

• <td> → membuat isi data di bawahnya.

👉 Hasilnya:

No	Nama	Kelas
1	Rina	VII A
2	Andi	VII B