RU
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Главная Избранное
Voltar

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

Скопируйте ячейки из таблицы и вставьте сюда. Первая строка станет заголовком. Выберите стиль, посмотрите предпросмотр и скопируйте код.

Как пользоваться

Из таблицы в HTML-таблицу

Доступно на: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

Следующий инструментГенератор таблиц Markdown→
Реклама

Генератор HTML-таблиц: для чего нужен

Вставьте ячейки, скопированные из таблицы (с разделением табуляцией), или CSV с запятой либо точкой с запятой, в том числе с кавычками. Первая строка может быть заголовком, а столбцы только с числами или ценами выравниваются по правому краю.

Выберите стиль (полосатый, с границами, минималистичный или только HTML), цвет заголовка и подпись. Таблица помещается в блок с горизонтальной прокруткой для телефона, с thead и th scope=col.

Как пользоваться

  1. Скопируйте ячейки из таблицы и вставьте.
  2. Выберите стиль, цвет и подпись.
  3. Скопируйте код и вставьте на страницу.

Когда использовать

  • Таблицы цен и тарифов.
  • Расписания, меню и списки товаров.
  • Сравнения в постах блога.

Частые вопросы

Как вставить данные из Excel или Google Таблиц?

Выделите ячейки, скопируйте (Ctrl+C) и вставьте в поле. Столбцы разделяются табуляцией, и инструмент распознаёт это сам. CSV с запятой или точкой с запятой тоже поддерживается.

Будет ли таблица работать на телефоне?

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

Доступна ли таблица для людей с ограничениями?

В заголовке используются <thead> и <th scope="col">, а ещё можно добавить подпись (<caption>), которая помогает программам чтения с экрана и поисковым системам понять содержимое.

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

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

Большое спасибо за поддержку!

Каждое пожертвование помогает держать сайт в сети. Инструменты созданы, чтобы помогать вам, но у нас есть расходы на серверы. Если можете помочь, это очень важно! Выберите или введите сумму:

Безопасная оплата через Stripe. Откроется в другой вкладке.

Инструменты предоставляются как есть, без гарантий. Мы не отвечаем за результаты и за то, как они используются.