Таблица с помощью HTML-кода

Таблица задаётся тегом «table», который обозначает начало и конец. Внутрь этого тега можно вставить атрибуты, которые будут влиять на всю таблицу целиком. Строчки определяются при помощи «tr», а столбцы – «td». В реальности код выглядит так:

В таблице применяется несколько атрибутов:

1. «Border» меняет толщину сетки. В норме толщина сетки минимальна (равна 1 пикселю), для жирной сетки нужно использовать числа от 2 (только целые положительные). Чтобы удалить сетку, нужно поставить «0».

2. «Width» меняет ширину таблицы или столбцов. При этом нужно помнить, что данные элемент не может использоваться в теге «tr», потому что это банально нелогично. Вставляется он внутрь тега «td» или для всей таблицы – в «table».

3. «Height» подобен предыдущему атрибуту, но меняет высоту. Соответственно, он не применяется в столбцах («td»). Применяется в тегах «tr» или целиком для таблицы – в «table».

Интересный момент, что если изменить размер только одной ячейки, то другие не станут меньше, а просто разъедутся в стороны. Возникает вопрос: как в html объединить ячейки в таблице? Если просто удалить одну из ячеек, то ничего не получится (можете попробовать). Для этого нужно использовать следующие атрибуты:
1. Элементом «colspan» указывается число столбцов (слева направо), которое занимает ячейка.
2. Элементом «rowspan» определяется количество строк (сверху вниз), которое занимает ячейка.

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