Автоматическая html верстка таблиц

В программу автоверстки веб сайтов добавлена возможность верстать таблицы.

Чтобы сверстать HTML таблицу с данными, используйте следующие теги:

  • #table — это обязательный тег, пометьте им группу с табличными данными.
  • #thead — опциональный тег. Если вы хотите поместить один или несколько строк таблицы в заголовок таблицы <thead>, то объедините данные всех соответствующих ячеек в группу и добавьте в ее имя тег #thead. Используйте его для группы, содержащей данные
  • #tbody — опциональный тег. Аналогично тегу #thead, вы можете объединить слои, соответствующие ячейкам таблицы в одну группу и пометить ее тегом #tbody.  В результирующей верстке данные будут заключены в тег <tbody>.
  • #tfoot — опциональный тег. Используйте его аналогично #thead и #tbody.

Таблица, любой ряд и любая ячейка могут иметь свой фон.

Ячейки таблицы определяются автоматически. Каждая строка таблицы должна содержать одинаковое количество ячеек. Объединение ячеек таблицы не поддерживается. Если структура таблицы не прошла валидацию, то сервис выдаст предупреждение, что таблица не может быть распознана. В этом случае внимательно проверьте, что слои действительно могут быть разлинованы как таблица.

Скачайте и посмотрите пример дизайн макета таблицы и результат html верстки таблицы.

Share

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *