Aku butuh menampilkan data dalam bentuk tabel di halaman webku. Bisa jelaskan bagaimana cara membuat tabel dengan HTML dan elemen apa saja yang harus ada?
Tentu! Untuk membuat tabel di HTML, kamu perlu menggunakan tag <table>, dengan beberapa elemen penting:
Elemen Penting dalam Tabel HTML:
<table>→ Membuat tabel.<tr>(table row) → Baris dalam tabel.<th>(table header) → Judul kolom (biasanya tebal).<td>(table data) → Isi dari setiap sel dalam tabel.
Contoh Kode HTML untuk Tabel:
html
<span class="hljs-tag"><<span class="hljs-name">table</span></span> <span class="hljs-attr">border</span>=<span class="hljs-string">"1"</span>>
<span class="hljs-tag"><<span class="hljs-name">tr</span></span>>
<span class="hljs-tag"><<span class="hljs-name">th</span></span>>Nama<span class="hljs-tag"></<span class="hljs-name">th</span></span>>
<span class="hljs-tag"><<span class="hljs-name">th</span></span>>Usia<span class="hljs-tag"></<span class="hljs-name">th</span></span>>
<span class="hljs-tag"><<span class="hljs-name">th</span></span>>Kota<span class="hljs-tag"></<span class="hljs-name">th</span></span>>
<span class="hljs-tag"></<span class="hljs-name">tr</span></span>>
<span class="hljs-tag"><<span class="hljs-name">tr</span></span>>
<span class="hljs-tag"><<span class="hljs-name">td</span></span>>Budi<span class="hljs-tag"></<span class="hljs-name">td</span></span>>
<span class="hljs-tag"><<span class="hljs-name">td</span></span>>25<span class="hljs-tag"></<span class="hljs-name">td</span></span>>
<span class="hljs-tag"><<span class="hljs-name">td</span></span>>Jakarta<span class="hljs-tag"></<span class="hljs-name">td</span></span>>
<span class="hljs-tag"></<span class="hljs-name">tr</span></span>>
<span class="hljs-tag"><<span class="hljs-name">tr</span></span>>
<span class="hljs-tag"><<span class="hljs-name">td</span></span>>Siti<span class="hljs-tag"></<span class="hljs-name">td</span></span>>
<span class="hljs-tag"><<span class="hljs-name">td</span></span>>30<span class="hljs-tag"></<span class="hljs-name">td</span></span>>
<span class="hljs-tag"><<span class="hljs-name">td</span></span>>Bandung<span class="hljs-tag"></<span class="hljs-name">td</span></span>>
<span class="hljs-tag"></<span class="hljs-name">tr</span></span>>
<span class="hljs-tag"></<span class="hljs-name">table</span></span>>
📌 Penjelasan:
border="1"→ Menambahkan garis pada tabel (opsional).<th>→ Judul kolom (“Nama”, “Usia”, “Kota”).<td>→ Data dalam tabel (“Budi”, “25”, “Jakarta”).