Главная

Популярная публикация

Научная публикация

Случайная публикация

Обратная связь

ТОР 5 статей:

Методические подходы к анализу финансового состояния предприятия

Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века

Ценовые и неценовые факторы

Характеристика шлифовальных кругов и ее маркировка

Служебные части речи. Предлог. Союз. Частицы

КАТЕГОРИИ:






Объединение ячеек таблиц




Зачастую необходимо объединить ряд ячеек таблицы. Теги <td> и <th> содержат два атрибута: colspan и rowspan для объединения ячеек по горизонтали и вертикали соответственно.

Пример объединения ячеек по горизонтали:

<table border = 1> <tr align = center> <td colspan=2>Ячейка 1.1</td> <td>Ячейка 1.2</td> </tr> <tr> <td>Ячейка 2.1</td> <td>Ячейка 2.2</td> <td>Ячейка 2.3</td> </tr> </table>

Результат:


Рис. 5.3. Пример таблицы с объединенными по горизонтали ячейками

Схожим образом происходит и объединение по вертикали, нужно помнить только о том, что необходимо удалить лишние теги <td>для строк, ячейки которых будут объединены по вертикали.

Пример:

<table border = 1> <tr> <td>Ячейка 1.1</td> <td rowspan = 2>Ячейка 1+2.2</td> <td>Ячейка 1.3</td> </tr> <tr> <td>Ячейка 2.1</td> <td>Ячейка 2.3</td> </tr> </table>

5.4.

Результат:


Рис. 5.4. Пример таблицы с объединенными по вертикали ячейками

 






Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных