Generator Tabel HTML

Bangun tabel secara visual, dapatkan HTML yang bersih. Atur struktur di sebelah kiri (baris, kolom, header, judul, bingkai, warna, perataan), ketik langsung ke dalam kisi, atau tempel data TSV / CSV / Excel. HTML dihasilkan secara real time dan ditampilkan sebagai kode sekaligus pratinjau langsung dalam sandbox. Pilih keluaran Klasik (atribut border / cellpadding) atau keluaran Modern (CSS inline), lalu salin kodenya atau unduh berkas .html yang mandiri. Semuanya berjalan secara lokal — tidak ada yang diunggah.
Dimensi
Struktur
Ukuran & Bingkai
Tampilan
Output
Tempel data yang dipisahkan tab/ baris baru (Excel atau TSV), atau yang dipisahkan koma (CSV dengan dukungan tanda kutip).
5 × 5 klik tanda × kecil di tepi baris/kolom untuk menghapusnya
Ketik ke dalam sel atau tekan Buat untuk membuat HTML.
sandbox - skrip dinonaktifkan
Tips: isi sel di-escape HTML secara default sehingga masukan bergaya <script> tidak dapat merusak kode atau pratinjau yang dihasilkan; hapus centang "Escape HTML sel" hanya jika Anda memang ingin menyisipkan markup. Tempel baris Excel sebagai TSV (tombol "Impor data..." mendeteksi tab atau koma secara otomatis). Kisi mendukung hingga 100 baris × 30 kolom dan iframe pratinjau berada dalam sandbox (tanpa skrip).
Tabel yang bermakna

<th scope="col"> dan scope="row" memberi tahu pembaca layar apa yang dijelaskan setiap header, dan <caption> memberi nama pada seluruh tabel. colspan dan rowspan menggabungkan sel untuk data yang memang tergabung, tetapi membingungkan parser jika dipakai untuk tata letak visual.

Gunakan tabel untuk relasi data dan CSS grid atau flexbox untuk tata letak — tabel tata letak merugikan aksesibilitas dan responsivitas.