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

Генератор таблиц HTML превращает строки данных в разметку HTML, которая отображает их в виде таблицы в браузере. Вы вставляете значения, разделенные запятыми или вкладками, выбираете, как должна выглядеть таблица, и инструмент записывает полный элемент <table> с <thead>, <tbody>, строками и ячейками таблицы. Вместо ручной типизации каждого <tr>, <th> и <td> и подсчета ячеек, чтобы столбцы оставались выровненными, вы вставляете данные один раз и копируете обратную разметку, готовую к выпадению на веб-страницу, шаблон электронной почты или файл документации.

Он существует, потому что написание таблицы HTML вручную повторяется и подвержено ошибкам. Таблица с десятью строками и пятью столбцами требует более пятидесяти тегов ячеек, все правильно открыты и закрыты, а один отсутствующий </td> нарушает макет. Доступность добавляет больше деталей: ячейки заголовка должны быть <th> с атрибутом scope, чтобы читатели экрана объявляли их, и таблице часто требуется <caption>, описывающая ее содержимое. Этот генератор применяет эти правила для вас. Первая строка может стать правильным заголовком, первый столбец каждой строки может стать заголовком строки, и каждое значение ячейки будет HTML-эскейпировано, поэтому символы, такие как < и & отображение, будут отображаться в виде текста, а не разбивать страницу.

Преобразование выполняется на стороне клиента. данные, которые вы вставляете, анализируются и преобразуются в JavaScript на вашем собственном устройстве, поэтому строки никогда не загружаются; нажатие Создать журналы записи использования, которая несет только режим стиля, и инструмент продолжает работать с сетью отключен после загрузки страницы. Вы можете выбрать, как стайлинг доставляется: современные имена классов с соответствующим блоком CSS, автономные встроенные стили, которые выживают после вставки в электронное письмо, или простой семантический HTML без стилизации вообще. Опции для полосатых строк, границ, компактного макета и отступов позволяют сопоставить выходные данные с проектом, в который вы его встраиваете.

Вот работающий пример таблицы HTML генератор.Вставить три строки, `Plan,Price,Seats`, `Free,$0,1` и `Pro,"$1,200",10`, введите Цены как подпись и нажмите Generate.Выход <table> с <caption>Pricing</caption>, три <th scope="col"> заголовки и два строки тела, и цитируемый "$1,200" остается одной ячейкой вместо разделения на своей запятой.Используется в качестве генератора таблицы для HTML электронных писем, переключите Стиль на встроенные стили и каждая ячейка несет свою собственную заполнение и границу, поэтому стильный лист не нужен.