Генератор HTML-таблиц
Скопируйте ячейки из таблицы и вставьте сюда. Первая строка станет заголовком. Выберите стиль, посмотрите предпросмотр и скопируйте код.
Как пользоватьсяИз таблицы в HTML-таблицу
Генератор HTML-таблиц: для чего нужен
Вставьте ячейки, скопированные из таблицы (с разделением табуляцией), или CSV с запятой либо точкой с запятой, в том числе с кавычками. Первая строка может быть заголовком, а столбцы только с числами или ценами выравниваются по правому краю.
Выберите стиль (полосатый, с границами, минималистичный или только HTML), цвет заголовка и подпись. Таблица помещается в блок с горизонтальной прокруткой для телефона, с thead и th scope=col.
Как пользоваться
- Скопируйте ячейки из таблицы и вставьте.
- Выберите стиль, цвет и подпись.
- Скопируйте код и вставьте на страницу.
Когда использовать
- Таблицы цен и тарифов.
- Расписания, меню и списки товаров.
- Сравнения в постах блога.
Частые вопросы
Как вставить данные из Excel или Google Таблиц?
Выделите ячейки, скопируйте (Ctrl+C) и вставьте в поле. Столбцы разделяются табуляцией, и инструмент распознаёт это сам. CSV с запятой или точкой с запятой тоже поддерживается.
Будет ли таблица работать на телефоне?
Да. Код помещает таблицу в блок с горизонтальной прокруткой, поэтому широкие таблицы прокручиваются вбок и не ломают вёрстку страницы.
Доступна ли таблица для людей с ограничениями?
В заголовке используются <thead> и <th scope="col">, а ещё можно добавить подпись (<caption>), которая помогает программам чтения с экрана и поисковым системам понять содержимое.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.