Урок 11. Таблицы в html (продолжение)

В данной статье я ещё немного расскажу о некоторых атрибутах, которые используются при создании таблиц в HTML.

При создании таблиц в HTML вам понадобятся такие атрибуты как: colspan и rowspan.

Colspan — это сокращение от «column span/охват столбцов». Colspan используется в тэге <td> для спецификации того, сколько столбцов охватывает данная ячейка:

Например,

Клетка 1
Клетка 2 Клетка 3 Клетка 4 Клетка 5

При установке costpan «4», мы заставляем ячейку в первом ряду охватить 4 столбца. Если же мы присвоим costpan «3», то она охватит только 3 столбца, и понадобится вставить дополнительные ячейки в первом ряду, для того чтобы ячейки ровно распределились на два ряда.

Например,

Клетка 1 Клетка 2
Клетка 3 Клетка 4 Клетка 5 Клетка 6

Вы наверное уже догадались, что rowspan используют для обединения рядов.

Например,

Клетка 1 Клетка 2 Клетка 3 Клетка 4
Клетка 5 Клетка 6 Клетка 7
Клетка 8 Клетка 9 Клетка 10

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

Урок 12. Изменение внешнего вида с помощью CSS >>

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

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