Generator tabel HTML yang mudah diakses dari sel atau CSV

Cara memakai

Ketik sel di kisi, atau tempel CSV atau TSV di bawah Tempel CSV atau TSV lalu tekan Muat ke dalam tabel.
Centang Baris pertama adalah judul dan Kolom pertama adalah judul untuk menandai sel judul.
Ketik Keterangan yang menjelaskan isi tabel. Centang Tambahkan gaya minimal jika tabel memerlukan garis tepi.
Salin kotak HTML, atau tekan Unduh, lalu tempel markupnya ke halaman Anda.

Mengapa sel judul memiliki cakupan

Sel judul adalah elemen th, bukan td. Atribut scope-nya menyatakan sel mana yang diberi labelnya: col untuk judul di atas kolom, dan row untuk judul di awal baris. Pembaca layar mengumumkan judul itu pada setiap sel data, sehingga pengunjung yang tidak dapat melihat kisi tetap tahu arti sebuah angka.

Keterangan adalah judul seluruh tabel, dan itu hal pertama di dalam tabel. Tulis keterangan yang menjelaskan isi tabel, seperti Penjualan bulanan, daripada membiarkannya kosong. Bagian tabel HTML menjelaskan elemen-elemen ini.

judul di atas kolom: th dengan scope col;  judul di awal baris: th dengan scope row;  data: td

Menempel dari lembar kerja dan pengelolaan karakter

Teks CSV memisahkan sel dengan koma, titik koma atau tab, dan sel yang berisi salah satu karakter itu diapit tanda kutip ganda. Menyalin sel dari lembar kerja biasanya menghasilkan teks yang dipisahkan tab. Lembar kerja dalam bahasa yang menulis bagian desimal dengan koma sering menyimpan berkas CSV dengan titik koma. Deteksi membaca baris pertama dan memilih pemisah yang paling sering muncul.

Teks setiap sel dikodekan sebelum ditulis. Karakter seperti tanda kurang dari atau ampersand menjadi referensi karakter, sehingga tampil sebagai teks di halaman dan tidak pernah dibaca sebagai markup. Baris yang pendek diisi dengan sel kosong, sehingga setiap baris memiliki jumlah sel yang sama.

Contoh: tabel dua kolom dengan baris judul dan kolom judul

Ambil sel Bulan dan Penjualan di baris pertama serta Jan dan 1200 di baris kedua, dengan baris pertama dan kolom pertama sebagai judul, dan keterangan Penjualan.

Tabel dimulai dengan elemen caption yang berbunyi Penjualan, lalu kepala dengan dua sel judul, masing-masing dengan scope col, diikuti badan tempat Jan adalah sel judul dengan scope row dan 1200 adalah sel data.

Pertanyaan yang sering diajukan

Apa yang dilakukan atribut scope?

Atribut itu memberi tahu teknologi bantu sel mana yang diberi label oleh sebuah judul. Scope col berarti judul berada di atas kolomnya, dan scope row berarti judul berada di awal barisnya. Tanpa scope, pembaca layar harus menebak hubungannya.

Kapan saya harus memakai kolom judul?

Pakailah ketika kolom pertama menamai setiap baris, seperti produk, orang atau bulan. Tabel angka tanpa nama baris tidak memerlukannya, jadi biarkan tidak ada.

Mengapa tabel memerlukan keterangan?

Keterangan memberi tabel judul yang diumumkan pembaca layar sebelum sel-selnya. Ia juga membantu pengunjung yang melihat untuk memahami isi tabel sekilas, jadi tulislah satu setiap kali tabel berdiri sendiri.

Pemisah mana yang sebaiknya saya pilih untuk lembar kerja?

Pilih Tab untuk teks yang disalin dari lembar kerja, dan Titik koma untuk berkas CSV yang disimpan dalam bahasa yang memakai koma sebagai tanda desimal. Deteksi berfungsi di sebagian besar kasus, dan pratinjau menampilkan hasilnya sebelum Anda menyalin.

Apakah gaya minimal mengubah tabel lain di halaman saya?

Ya, jika Anda menempelkannya ke halaman apa adanya, karena elemen style berlaku untuk setiap tabel di halaman. Hilangkan jika halaman Anda sudah memberi gaya pada tabelnya, atau salin hanya aturan yang Anda perlukan.

Apakah tabel yang saya ketik atau tempel dikirim atau disimpan di suatu tempat?

Tidak. Tabel, pratinjau dan HTML dibuat di peramban Anda. Tidak ada yang disimpan atau dikirim ke server kami, jadi salin HTML atau unduh sebelum meninggalkan halaman.

Sumber

Angka dan teks terakhir diperiksa pada Selasa, 10 November 2026.