Генератор таблиц HTML превращает строки данных в разметку HTML, которая отображает их в виде таблицы в браузере. Вы вставляете значения, разделенные запятыми или вкладками, выбираете, как должна выглядеть таблица, и инструмент записывает полный элемент <table> с <thead>, <tbody>, строками и ячейками таблицы. Вместо ручной типизации каждого <tr>, <th> и <td> и подсчета ячеек, чтобы столбцы оставались выровненными, вы вставляете данные один раз и копируете обратную разметку, готовую к выпадению на веб-страницу, шаблон электронной почты или файл документации.
Он существует, потому что написание таблицы HTML вручную повторяется и подвержено ошибкам. Таблица с десятью строками и пятью столбцами требует более пятидесяти тегов ячеек, все правильно открыты и закрыты, а один отсутствующий </td> нарушает макет. Доступность добавляет больше деталей: ячейки заголовка должны быть <th> с атрибутом scope, чтобы читатели экрана объявляли их, и таблице часто требуется <caption>, описывающая ее содержимое. Этот генератор применяет эти правила для вас. Первая строка может стать правильным заголовком, первый столбец каждой строки может стать заголовком строки, и каждое значение ячейки будет HTML-эскейпировано, поэтому символы, такие как < и & отображение, будут отображаться в виде текста, а не разбивать страницу.
Все работает в вашем браузере. данные, которые вы вставляете, анализируются и преобразуются в JavaScript на вашем собственном устройстве, поэтому ничего не загружается, не регистрируется и не сохраняется, и инструмент продолжает работать с сетью отключенным после загрузки страницы. Вы можете выбрать, как стайлинг доставляется: современные имена классов с соответствующим блоком CSS, автономные встроенные стили, которые выживают при вставке в электронное письмо, или простой семантический HTML без стилистики вообще. Опции для полосатых строк, границ, компактного макета и отступов позволяют вам сопоставить выходные данные с проектом, в который вы его вклеиваете.
Вставить в поле ввода строки, разделенные запятыми или вкладками Разделитель обнаруживается автоматически, или вы можете установить его вручную, если данные неоднозначны.
Решите, является ли первая строка заголовком столбца и является ли первый столбец каждой строки заголовком строки, чтобы считыватели экрана объявляли нужные ячейки.
Добавьте подпись, включите полосатые строки или границы, выберите компактный макет и выберите CSS на основе классов, встроенные стили или простой семантический HTML.
Нажмите "Создать", чтобы создать таблицу, затем скопируйте HTML и, в режиме класса, соответствующий CSS в свой проект. Все остается в вашем браузере.
Вставить данные запятой, вкладкой, точкой с запятой или разделенными трубками. Разделитель обнаруживается автоматически, и поля с кавычками со встроенными разделителями анализируются правильно.
Первая строка может стать <th scope="col"> и первым столбцом <th scope="row">, поэтому вспомогательная технология объявляет заголовки для каждой ячейки данных.
Отправьте имена классов с соответствующим блоком CSS, автономными встроенными стилями для электронной почты или простым семантическим HTML без стиля, в зависимости от того, куда попадает таблица.
Добавьте полоску зебры, границы ячеек, компактный макет и элемент <caption>, которые последовательно применяются в каждой строке таблицы.
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!