Знакомство с таблицами
Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.
Простейшая таблицаДобавляем строкиДобавляем столбцыЗадаём рамки с помощью CSSУлучшаем отображение рамокГоризонтальные и вертикальные рамкиОтступы внутри ячеекОтступы между ячейкамиИспытание: простая, но аккуратная таблицаЯчейки-заголовкиЗаголовок таблицыОбъединяем ячейки в строкахОбъединяем ячейки в столбцахЗакрепление colspanЗакрепление rowspanКомбо: colspan + rowspanИспытание: таблица посложнееВыравнивание содержимого в ячейкахДобавим цветаРаскрашиваем строкиЗадаём размеры таблицыЗадаём размеры отдельных ячеек и столбцовИспытание: итоговая таблица