Công Cụ Tạo Bảng HTML
Tạo bảng HTML một cách dễ dàng. Nhập dữ liệu vào lưới bên dưới hoặc nhập từ CSV/Excel.
Tùy Chọn Bảng
Thêm Hàng:
Thêm Cột:
Phạm Vi Tiêu Đề::
Chú Thích::
Tùy Chọn Cơ Bản
Chiều Rộng Bảng::
Chiều Cao Bảng::
Bảng Có Viền:
Độ Rộng Viền::
Màu Viền::
Đệm Ô::
Thu Gọn Viền::
Tùy Chọn Bảng
Mã HTML
Xem Trước
Cách sử dụng Công Cụ Tạo Bảng HTML
- 1
Nhập dữ liệu của bạn
Điền vào các ô trong Grid Editor và thêm hàng hoặc cột, hoặc dán dữ liệu CSV và Excel ở tab CSV Import.
- 2
Tạo kiểu cho bảng
Đặt các tùy chọn cơ bản như viền, sọc, hiệu ứng hover và responsive, hoặc mở Advanced Options để chỉnh ID, lớp, chú thích và màu viền.
- 3
Tạo bảng
Nhấn Generate Table để dựng HTML và xem trước chính xác bảng sẽ trông như thế nào.
- 4
Sao chép HTML
Mở tab HTML Code và dùng Copy HTML để dán đánh dấu vào trang web của bạn.
Câu hỏi thường gặp
Tôi có thể nhập dữ liệu thay vì gõ không?
Có. Tab CSV Import chấp nhận dữ liệu ngăn cách bằng dấu phẩy, tab, chấm phẩy hoặc gạch đứng được dán từ bảng tính, và bạn có thể đánh dấu hàng đầu tiên là tiêu đề.
Tôi có thể làm cho bảng responsive không?
Có. Bật tùy chọn Responsive Table để bọc bảng lại sao cho nó cuộn gọn gàng trên màn hình nhỏ và thích ứng với các bố cục khác nhau.
Có những tùy chọn tạo kiểu nào?
Bạn có thể thêm viền, hàng sọc, làm nổi bật khi hover, chú thích, ID và tên lớp tùy chỉnh, đệm và khoảng cách ô, độ rộng và màu viền, cùng phạm vi (scope) tiêu đề để hỗ trợ khả năng tiếp cận.
Mã được tạo ra có phải là HTML hợp lệ không?
Có. Công cụ xuất ra các thẻ table, thead, tbody, th và td có cấu trúc đúng, nên đánh dấu gọn gàng và sẵn sàng đưa vào trang web của bạn.
Dữ liệu bảng có được gửi đi đâu không?
Không. Mọi thứ được tạo trong trình duyệt của bạn, nên dữ liệu bảng vẫn ở trên thiết bị, và công cụ hoàn toàn miễn phí.
Công cụ liên quan
Tiếp tục với những công cụ hữu ích này