Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Struktur Tabel

Kenali elemen table, tr, dan td untuk menyajikan data dua dimensi, beserta batasan kapan tabel layak dipakai.

Buka → # Table Headers

Gunakan th sebagai sel judul baris dan kolom, pahami perbedaannya dengan td, serta tampilan bawaan browser.

Buka → # Caption dan Scope

Beri judul tabel dengan caption dan pertegas cakupan setiap header melalui atribut scope.

Buka → # thead, tbody, dan tfoot

Kelompokkan baris tabel dengan thead, tbody, dan tfoot agar struktur per grup lebih jelas dan mudah distyling.

Buka → # Menggabungkan Sel

Gabungkan sel dengan colspan dan rowspan, lengkap dengan cara menghitung keseimbangan sel setiap baris.

Buka → # Tabel yang Aksesibel

Rangkum praktik tabel yang aksesibel: caption, scope, headers dan id, hingga pengujian pembaca layar.

Buka →