WordPress. Создание таблиц в html без плагинов

Создание таблиц для сайта на WordPress без плагинов в html. Объединение ячеек в строках и столбцах. Шаблоны таблиц и частей кода для копирования. Примеры.

Теги html для создания таблиц

Таблицы в html создаются с помощью следующих тегов:

Ячейки с заголовками обычно имеют другое форматирование, чем ячейки с данными. Я предпочитаю форматировать заголовки вручную, поэтому особые стили для тега th добавлять не стал. Изменять форматирование легко на вкладке «Визуально» классического редактора. В примерах ниже тег th не используется.

Шаблоны простых таблиц

Используйте шаблоны таблиц для вставки на свои страницы. Добавляйте нужное количество строк и столбцов, форматируйте заголовки.

Таблица из одной ячейки

Данные

Таблица из девяти ячеек

Заголовок 1 Заголовок 2 Заголовок 3
Текст 1 Текст 2 Текст 3
Текст 4 Текст 5 Текст 6

Таблица с фиксированной относительной шириной столбцов

Узкий Средний Широкий
Текст 1 Текст 2 Текст 3
Текст 4 Текст 5 Текст 6

В данном случае зафиксирована относительная ширина столбцов, выраженная в процентах. Это сделано для того, чтобы таблица оставалась адаптивной для любых размеров экрана.

Объединение ячеек

Для объединения ячеек в таблице используется следующий код:

Пример объединения ячеек во второй строке

Заголовок 1 Заголовок 2 Заголовок 3
Текст 1 Текст 2
Текст 3 Текст 4 Текст 5

Пример объединения ячеек во втором столбце

Заголовок 1 Заголовок 2 Заголовок 3
Текст 1 Текст 2 Текст 3
Текст 4 Текст 5

Пример посложнее

Моя таблица
Заголовок 1 Заголовок 2 Заголовок 3
Подзаголовок 1.1 Подзаголовок 1.2 Подзаголовок 3.1 Подзаголовок 3.2
Текст 1 Текст 2 Текст 3 Текст 4 Текст 5

В ячейках таблиц, кроме обычного текста, можно размещать изображения, ссылки и форматированные списки (ul, ol).

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

Ваш комментарий будет опубликован после прохождения обязательной модерации. Исходящие ссылки не допускаются. Время модерации составит от нескольких минут до нескольких часов в зависимости от времени суток и занятости модератора. При добавлении в комментарий кода VBA Excel, вставьте перед его началом тег <pre> и по окончании кода </pre>.