Тег <td> (table data) - это незаменимый инструмент для создания ячеек с данными внутри таблиц. По умолчанию текст в таких ячейках прижимается к левому краю, что обеспечивает четкое и аккуратное визуальное восприятие информации.

Внутри тега <td> можно разместить практически любой HTML-элемент, допустимый в теле документа. Будь то простой текст, сложные формы, изображения или даже вложенные таблицы - возможности здесь практически безграничны!

Важно понимать логику работы браузеров: все строки таблицы стремятся к одинаковому количеству ячеек, ориентируясь на самую длинную из них. Если в какой-то строке окажется меньше ячеек, браузер автоматически «дорисует» пустые места в конце ряда, чтобы заполнить пробелы. А если вам нужно оставить пустую ячейку в начале или середине строки для обозначения отсутствия данных, просто создайте тег <td> без какого-либо содержимого в нужном месте.

Примечание: обратите внимание на интересный нюанс: автоматически добавленные браузером ячейки не имеют рамок. Это значит, что если такие пустые ячейки идут одна за другой, они визуально сольются в одну большую объединенную область!

colspan:

Определяет, сколько столбцов по горизонтали займет данная ячейка. Здесь указывается положительное целое число (по умолчанию значение равно 1).

headers:

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

rowspan:

Указывает, сколько строк по вертикали займет ячейка. Также требуется положительное целое число (стандартное значение - 1).

Кроме того, тег <td> поддерживает и другие стандартные свойства.

table tr tdЯчейка 1/td tdЯчейка 2/td /tr /table