LocalToolsKumpulan alat browser offline

Kategori: Alat pengembang

Pembuat Tabel HTML

Ide kami sendiriAlatnya tidak ada?

Bangun markup tabel HTML yang di-escape dari teks sederhana

Masukkan sel header dipisah koma dan satu baris dipisah koma per baris teks untuk menghasilkan markup tabel HTML, dengan nama kelas CSS opsional. Setiap nilai sel di-escape sebagai HTML. Berjalan sepenuhnya di peramban Anda.

Tabel dengan 2 baris dibuat di peramban Anda.

HTML
<table>
  <thead>
    <tr><th>Name</th><th>Score</th><th>Team</th></tr>
  </thead>
  <tbody>
    <tr><td>Ava</td><td>92</td><td>Blue</td></tr>
    <tr><td>Noah</td><td>88</td><td>Green</td></tr>
  </tbody>
</table>

Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.

Apa fungsi alat ini

Terkadang Anda hanya butuh tabel HTML kecil, dan mengetik markup-nya secara manual lebih lambat daripada mengetik datanya langsung. Alat ini mengambil satu baris header dipisah koma dan satu baris teks dipisah koma untuk tiap baris tabel, meng-escape setiap sel sehingga karakter seperti `<` atau `&` dalam teks Anda tidak bisa terbaca sebagai markup, dan menuliskan `<table>` dengan nama kelas CSS opsional, `<thead>` saat Anda menyediakan header, dan `<tbody>` untuk barisnya.

Cara memakainya

  1. Ketik sel header dipisah koma, atau biarkan kosong untuk tabel tanpa header.
  2. Ketik satu baris per baris teks, dengan sel dipisah koma.
  3. Atur nama kelas CSS jika perlu, lalu salin HTML yang dihasilkan.

Privasi

Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.

Pertanyaan yang sering diajukan

Apakah data saya diunggah ke suatu tempat?
Tidak. HTML dihasilkan oleh JavaScript yang berjalan di halaman, jadi apa pun yang Anda ketik tidak pernah meninggalkan perangkat Anda.
Apakah HTML yang dihasilkan aman untuk ditempel ke sebuah halaman?
Setiap nilai sel di-escape sebagai HTML sebelum dituliskan ke dalam markup, sehingga karakter seperti `<`, `&`, dan `"` dalam teks Anda tidak bisa diinterpretasikan sebagai tag atau atribut.
Bisakah saya membuat tabel tanpa baris header?
Bisa. Biarkan kolom header kosong dan tabel akan ditulis hanya dengan `<tbody>`, tanpa `<thead>`.

Kembali ke semua alat