devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt
Audit Situs

Generator Tabel HTML — Buat Tabel Secara Visual

Ketik datamu di editor mirip spreadsheet — atau tempel dari Excel atau Google Sheets — lalu salin kode tabel HTML yang bersih dan semantik, lengkap dengan <thead>, <tbody> dan perataan kolom, siap dipakai di website, CMS, atau email.

Diperbarui
Tips: tempel rentang sel yang disalin dari Excel atau Google Sheets ke sel mana pun.


Impor

    
 Data kamu tidak pernah meninggalkan komputer kamu. Semua proses berjalan 100% secara lokal di browser kamu.
Apakah alat ini membantu?0.0 0 penilaian

    
    
    Buat dropdown siap pakaiNegara dengan bendera, negara bagian AS, bahasa, zona waktu, kode telepon, bulan, dan lainnya.Generator Select Menu →
    
    

      
Cara menggunakan Generator Tabel HTML
  1. Ketik langsung di sel — baris pertama otomatis menjadi header tabel (<th>).
  2. Tempel rentang sel dari Excel atau Google Sheets ke dalam sel untuk mengisi banyak sel sekaligus.
  3. Atur perataan kolom dengan tombol di atas setiap kolom.
  4. Salin HTML-nya — ganti ke Markdown jika kamu membutuhkannya untuk README.


Struktur tabel HTML


<table>
  <thead>
    <tr><th scope="col">Plan</th><th scope="col" style="text-align: right">Price</th></tr>
  </thead>
  <tbody>
    <tr><td>Pro</td><td style="text-align: right">$12</td></tr>
  </tbody>
</table>


  • <thead> dan <th scope="col"> menandai baris header, sehingga screen reader bisa menyebutkan nama kolom untuk setiap sel.
    • 

  • <tbody> berisi baris data; browser tetap menambahkannya otomatis, tetapi menuliskannya membuat selector CSS kamu lebih mudah diprediksi.
    • 

  • Gunakan tabel hanya untuk data tabular — untuk tata letak halaman, gunakan CSS Grid sebagai gantinya.


Tabel dalam email
Klien email mengabaikan sebagian besar CSS, jadi buat tabel tetap sederhana dan gunakan atribut perataan yang ditambahkan generator. Uji di klien email yang kamu gunakan.


Datamu berupa file CSV? CSV ke Tabel HTML bisa langsung mengubahnya.
Juga dicari sebagai: cara membuat tabel html, kode tabel html, buat tabel html online, excel ke tabel html, pembuat tabel html, tabel html generator, html table builder.
Tool yang cocok dipakai bersama Generator Tabel HTML
  • Generator Select Menu — Berhenti mengetik daftar opsi secara manual.
  • Generator Tabel Markdown — Susun tabel di editor mirip spreadsheet, atau tempel sel dari Excel, Google Sheets atau CSV.
  • Formatter HTML — Tempel markup yang berantakan atau sudah di-minify, lalu dapatkan HTML rapi dengan indentasi konsisten — termasuk blok <style> dan <script> di dalamnya.
  • Minify HTML — Perkecil halaman dan template HTML dengan menghapus komentar serta spasi yang tidak perlu, meminify <style> dan <script> inline, dan merapikan atribut, tanpa mengubah tampilan tata letak.
Pertanyaan yang sering diajukan
Bagaimana cara membuat tabel HTML?
Isi editor di sini lalu salin kode  yang dihasilkan — atau tulis 
,  untuk setiap baris,  dengan sel 
 untuk sel header, dan  untuk sel data.
Bagaimana cara mengubah sheet Excel menjadi tabel HTML?
Salin sel di Excel lalu tempel ke sel pertama di editor. HTML-nya langsung diperbarui.
Apakah HTML-nya accessible?
Ya — baris header berada di 
, yang digunakan screen reader untuk menyebutkan kolom.
Bisakah saya memberi gaya pada tabel?
Tambahkan class ke  lalu beri gaya di CSS kamu; kode yang dihasilkan tidak memiliki inline style kecuali text-align untuk kolom yang diratakan.
Bisakah saya memasang Generator Tabel HTML sebagai aplikasi web dan memakainya offline?
Bisa. Generator Tabel HTML adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.
Tool terkait
localGenerator Select MenuBerhenti mengetik daftar opsi secara manual. Pilih daftar — negara (dengan bendera dan grup benua), negara…localGenerator Tabel MarkdownSusun tabel di editor mirip spreadsheet, atau tempel sel dari Excel, Google Sheets atau CSV. Atur perataan…localCSV & Excel ke Tabel HTMLTempel sel spreadsheet, CSV, atau JSON, lalu dapatkan markup tabel HTML yang semantik dan sudah di-escape,…localFormatter HTMLTempel markup yang berantakan atau sudah di-minify, lalu dapatkan HTML rapi dengan indentasi konsisten —…localMinify HTMLPerkecil halaman dan template HTML dengan menghapus komentar serta spasi yang tidak perlu, meminify…localEditor HTML OnlinePlayground kode yang ringan: edit HTML, CSS dan JavaScript berdampingan, lihat hasilnya seketika, baca…