Trình tạo bảng HTML — Tạo bảng trực quan

Cấu trúc của một bảng 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> và <th scope="col"> đánh dấu hàng tiêu đề, giúp trình đọc màn hình thông báo tên cột cho từng ô.
• <tbody> chứa các hàng dữ liệu; trình duyệt vẫn tự thêm vào, nhưng viết rõ ràng sẽ giúp bộ chọn CSS của bạn dễ dự đoán hơn.
• Chỉ dùng bảng cho dữ liệu dạng bảng — để bố cục trang, hãy dùng CSS Grid thay thế.

Bảng trong email

Các trình email thường bỏ qua phần lớn CSS, vì vậy hãy giữ bảng đơn giản và dùng các thuộc tính căn lề mà trình tạo thêm vào. Hãy kiểm tra trên những trình email bạn đang dùng.

Dữ liệu của bạn đang ở dạng tệp CSV? CSV sang bảng HTML sẽ chuyển đổi trực tiếp.

Cũng được tìm dưới tên: tạo bảng html, tạo table html, mã html table, chuyển excel sang bảng html, html table generator, tạo bảng html online, html table builder.

Các công cụ dùng kèm tốt với Trình tạo bảng HTML

• Tạo Select Menu — Đừng gõ tay từng danh sách lựa chọn nữa.
• Trình tạo bảng Markdown — Tạo bảng trong trình soạn thảo kiểu bảng tính — hoặc dán ô từ Excel, Google Sheets hay CSV — chọn căn lề cho cột và nhận ngay bảng Markdown (GitHub-flavored) được căn thẳng hàng, hoặc HTML sạch sẽ.
• Định dạng HTML — Dán mã HTML đã nén hoặc lộn xộn và nhận lại HTML được thụt lề rõ ràng, nhất quán — bao gồm cả các khối <style> và <script> nhúng bên trong.
• Nén HTML — Giảm dung lượng trang HTML và template bằng cách xóa comment và khoảng trắng dư thừa, minify <style> và <script> inline, đồng thời dọn dẹp thuộc tính — mà bố cục trang vẫn giữ nguyên.