Генератор HTML‑таблиць зі смугами — зебра‑рядки
Створіть HTML‑таблицю візуально, клікаючи по клітинках і друкуючи текст — отримайте чисту, семантичну розмітку таблиці з миттєвим попереднім переглядом, без потреби щось вставляти чи конвертувати.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває конструктор таблиць із уже ввімкненими зебра‑смугами та невеликим прикладом списку товарів, тож ви бачите чергування кольорів рядків ще до того, як зміните хоча б одну клітинку.
Зебра‑смуги чергують колір фону кожного другого рядка за допомогою правила nth-child(even) у вбудованому блоці стилів — це значно полегшує перегляд широкої таблиці порівняно з однотонною білою сіткою, особливо коли у вас більше чотирьох‑пʼяти рядків.
Клікніть по будь-якій клітинці, щоб замінити зразок даних на власний, за потреби додавайте та видаляйте рядки й стовпці, а потім копіюйте готовий HTML — це візуальний конструктор сітки, а не конвертер: немає потреби вставляти CSV чи Markdown, ви будуєте таблицю безпосередньо на сторінці.