HTML‑таблиця з CSS — стилізована й готова до вставлення
Створіть HTML‑таблицю візуально, клікаючи по клітинках і друкуючи текст — отримайте чисту, семантичну розмітку таблиці з миттєвим попереднім переглядом, без потреби щось вставляти чи конвертувати.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває конструктор таблиць із увімкненими зебра‑смугами та рамками клітинок, а також із заповненим невеликим прикладом таблиці цін — саме те поєднання, яке більшість людей має на увазі під «HTML‑таблицею з CSS».
Замість того щоб розкидати вбудовані атрибути стилю по всіх клітинках, генератор створює один вбудований блок стилів, обмежений одним класом, який охоплює рамки, відступи та смугасті рядки — скопіюйте весь фрагмент разом із блоком стилів, і він автономно працюватиме на будь-якій сторінці.
Редагуйте зразкові клітинки, додавайте рядки чи стовпці та вмикайте адаптивну обгортку, якщо таблиця широка — код і попередній перегляд унизу оновлюються разом, тож ви завжди бачите точно ту стилізовану таблицю, яку збираєтеся скопіювати.