У большинства начинающих верстальщиков работа с таблицами вызывает определенный страх и кажется очень сложной. На самом деле, в таблицах и работе с ними нет ничего сложного, главное разбираться с ними постепенно и по порядку, чтоб не получилась каша в голове. Первое, что я хочу прояснить – это принцип построения таблицы в html что называется «на пальцах». На первом шаге создаем некий контейнер, который будет содержать всю нашу таблицу. Вторым шагом создаем в этом контейнере строки таблицы. Третьим шагом является создание ячеек таблицы в каждой строке. Теперь перейдем к практике на html. К примеру, нам необходимо создать простую таблицу 5 на 5...

Очевидно, что прежде чем применить различные свойства CSS к html-таблице необходимо ее создать. О том как это сделать можно прочитать здесь. В моем случае законченный вариант таблицы будет выглядеть вот так: Это довольно простая таблица, состоящая из четырех столбцов и пяти строк. Ее html-код выглядит вот так: Обратите особое внимание на атрибут rowspan, т.к. именно с его помощью мы можем объединить четыре ячейки в первом столбце в одну. Теперь переходим непосредственно к CSS. Начать можно с ширины таблицы...