Как пользоваться: Генератор HTML-таблиц
- Вводите данные в ячейки — первая строка станет заголовком таблицы (
<th>). - Вставьте диапазон из Excel или Google Таблиц в ячейку, чтобы заполнить сразу много ячеек.
- Задайте выравнивание столбцов кнопками над каждым столбцом.
- Скопируйте HTML — если нужен Markdown, например для README, переключитесь на него.
Устройство HTML-таблицы
<table>
<thead>
<tr><th scope="col">Plan</th><th scope="col" style="text-align: right">Price</th></tr>
</thead>
<tbody>
<tr><td>Pro</td><td style="text-align: right">$12</td></tr>
</tbody>
</table>- <thead> и <th scope="col"> обозначают строку заголовков, чтобы программы чтения с экрана называли имя столбца для каждой ячейки.
- <tbody> содержит строки данных; браузеры добавляют его и сами, но явная запись делает CSS-селекторы предсказуемыми.
- Используйте таблицы только для табличных данных. Для верстки страницы лучше подойдет CSS Grid.
Таблицы в письмах
Почтовые клиенты игнорируют большую часть CSS, поэтому держите таблицу простой и используйте атрибуты выравнивания, которые добавляет генератор. Проверьте письмо в тех клиентах, которые важны для вашей аудитории.
Данные хранятся в CSV-файле? CSV в HTML-таблицу сделает преобразование напрямую.
Также ищут как: excel в html таблицу, html table generator.
Инструменты, которые хорошо сочетаются с Генератор HTML-таблиц
- Генератор выпадающих списков — Не нужно вручную набирать списки вариантов.
- Генератор таблиц Markdown — Соберите таблицу в редакторе, похожем на электронную таблицу, или вставьте ячейки из Excel, Google Sheets или CSV, задайте выравнивание столбцов и получите аккуратно оформленную таблицу Markdown (в стиле GitHub) или чистый HTML.
- HTML форматер — Вставьте минифицированную или неаккуратную разметку и получите чистый HTML с единообразными отступами, включая встроенные блоки <style> и <script>.
- Минификатор HTML — Уменьшите размер HTML-страниц и шаблонов: удаляйте комментарии и лишние пробелы, минифицируйте встроенные <style> и <script>, а также упрощайте атрибуты.
Часто задаваемые вопросы
Как сделать HTML-таблицу?
Заполните редактор здесь и скопируйте сгенерированный код — или напишите , для каждой строки
| , а для ячеек с данными | .Как перевести таблицу Excel в HTML?Скопируйте ячейки в Excel и вставьте их в первую ячейку редактора. HTML обновится мгновенно. Доступна ли созданная HTML-таблица для людей с ограниченными возможностями?Да: строка заголовков находится в и состоит из ячеек , которые программы чтения с экрана используют, чтобы называть столбцы. | Можно ли оформить таблицу стилями?Добавьте класс к |
|---|