Я верстальщик. Веб-верстальщик. Арсений Олегович Матыцин

возникала необходимость добавить одну ячейку во второй строке, то она выбивалась из ряда. Чтобы этого избежать приходилось либо в каком-нибудь столбце указывать объединение по вертикали на одну ячейку больше, либо переделывать сетку на 6 в ширину, или же создавать вложенную таблицу.

      Такие манипуляции по склейке ячеек производятся с помощью атрибутов:

      colspan – объединение ячеек по ширине

      rowspan – объединение ячеек по высоте

      Пример:

      <table width="300" border="1">

      <tr>

      <td rowspan="2">1</td>

      <td>2</td>

      <td>3</td>

      </tr>

      <tr>

      <td>4</td>

      <td>5</td>

      </tr>

      </table>

      Результат обработки в браузере

      Формально это таблица з на 2, но так как я указал первой ячейке расшириться на 2, то было бы ошибкой во второй строке написать такое же количество ячеек td, как и в первой. Результат был бы тогда такой:

      Результат ошибочного кода в браузере

      Эти атрибуты легко запомнить, если разбить их на составляющие и знать перевод. Например span, который есть в обоих словах – это пролет, объединение, диапазон. В то же время row – это строка, а col (column) – это колонка.

      Да и в целом это неплохая практика понимать, что ты пишешь. Необходимо знать английский хотя бы на уровне терминов и тегов, или навыков использования переводчика.

      В целом, если вспомнить принцип дизайнера и верстальщика, то это можно воспринимать не как ошибку, а как фичу.

      С приходом адаптивного дизайна и верстки над существованием таблиц навис большой вопрос. Так как все попытки отразить сколько-нибудь большую таблицу на экране мобильного телефона оказалось не так просто.