Генератор HTML-таблиц

Легко создавайте HTML-таблицы. Вводите данные в сетку ниже или импортируйте из CSV/Excel.

Опции Таблицы

Добавить Строку:

Добавить Столбец:

Область Заголовка::

Подпись::

Основные Опции

Ширина Таблицы::

Высота Таблицы::

Таблица с Границами:

Ширина Границы::

Цвет Границы::

Внутренний Отступ Ячеек::

Слияние Границ::

Опции Таблицы

Как пользоваться Генератор HTML-таблиц

1
Введите данные
Заполните ячейки в редакторе сетки и добавьте строки или столбцы, либо вставьте данные CSV и Excel на вкладке «Импорт CSV».
2
Оформите таблицу
Задайте базовые параметры, такие как границы, чередование строк, подсветка при наведении и адаптивность, или откройте «Дополнительные параметры» для ID, класса, подписи и цветов границ.
3
Сгенерируйте таблицу
Нажмите «Сгенерировать таблицу», чтобы построить HTML и увидеть в предпросмотре, как именно она будет выглядеть.

4
Скопируйте HTML
Откройте вкладку «HTML-код» и используйте «Копировать HTML», чтобы вставить разметку на свою веб-страницу.

Часто задаваемые вопросы

Можно ли импортировать данные вместо ввода вручную?

Да. Вкладка «Импорт CSV» принимает данные, разделённые запятой, табуляцией, точкой с запятой или вертикальной чертой, вставленные из таблицы, и вы можете пометить первую строку как заголовок.

Можно ли сделать таблицу адаптивной?

Да. Включите параметр «Адаптивная таблица», чтобы обернуть таблицу так, чтобы она аккуратно прокручивалась на маленьких экранах и подстраивалась под разные макеты.

Какие параметры оформления доступны?

Можно добавить границы, чередование строк, подсветку при наведении, подпись, собственные ID и имена классов, отступы и интервалы ячеек, ширину и цвет границ, а также область заголовка для доступности.

Будет ли сгенерированный код корректным HTML?

Да. Инструмент выводит правильно структурированные теги table, thead, tbody, th и td, поэтому разметка чистая и готова к вставке на ваш сайт.

Отправляются ли данные таблицы куда-либо?

Нет. Всё генерируется в вашем браузере, поэтому данные таблицы остаются на вашем устройстве, а инструмент полностью бесплатен в использовании.

Генератор HTML-таблиц

Как пользоваться Генератор HTML-таблиц

Часто задаваемые вопросы

Похожие инструменты