Форматирование ячеек таблиц⁚ размер‚ выравнивание и заливка

Изменение размера ячеек

Размер ячеек можно изменить с помощью атрибутов rowspan и colspan.

* rowspan определяет количество строк‚ которые должна охватывать ячейка.
* colspan определяет количество столбцов‚ которые должна охватывать ячейка.

Например‚ следующий код создаст ячейку‚ которая охватывает две строки и три столбца⁚

Выравнивание содержимого

Содержимое ячеек можно выровнять по горизонтали или по вертикали с помощью атрибутов align и valign.

* align выравнивает содержимое по горизонтали⁚
* left ─ по левому краю
* center ⏤ по центру
* right ⏤ по правому краю
* valign выравнивает содержимое по вертикали⁚
* top ⏤ по верхнему краю
* middle ⏤ по середине
* bottom ─ по нижнему краю

Например‚ следующий код выровняет содержимое ячейки по центру по горизонтали и по середине по вертикали⁚

Заливка ячеек

Для заливки ячеек цветом можно использовать атрибут bgcolor. Цвет заливки указывается в шестнадцатеричном формате (#RRGGBB).

Например‚ следующий код зальет ячейку красным цветом⁚

Поддержка в различных браузерах

Поддержка форматирования ячеек таблиц в различных браузерах может отличаться. В приведенной ниже таблице показана совместимость различных атрибутов форматирования⁚

| Атрибут | Internet Explorer | Firefox | Chrome | Safari |
|—|—|—|—|—|
| rowspan | Да | Да | Да | Да |

| align | Да | Да | Да | Да |
| valign | Да | Да | Да | Частично |
| bgcolor | Да | Да | Да | Да |

Пример

Следующий пример показывает использование всех обсуждаемых в этой статье атрибутов форматирования⁚

Форматирование ячеек таблиц ⏤ это важный навык‚ который позволяет создавать более визуально привлекательные и удобные в использовании таблицы. Используя атрибуты rowspan‚ colspan‚ align‚ valign и bgcolor‚ вы можете контролировать размер ячеек‚ выравнивать их содержимое и применять заливку.

Другие статьи по теме

* Слияние ячеек таблиц в HTML
* Центрирование таблицы на веб-странице