Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML

HTML: Объединение ячеек в таблице

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

Для объединения смежных ячеек в строке таблицы используется атрибут colspan, в значении задается число ячеек в строке, которое вы хотите объединить.

Для объединения смежных ячеек в столбце таблицы используется атрибут rowspan, в значении задается число ячеек столбца, которое вы хотите объединить:

<html>
  <body>

    <h4>Объединим две ячейки в строке таблицы:</h4>
    <table border="1">
      <tr>
        <th>Имя</th><th colspan="2">Телефон</th>
      </tr>
      <tr>
        <td>Петя Иванов</td><td>123 45 67</td><td>234 56 78</td>
      </tr>
    </table>
	 
    <h4>Объединим две ячейки в столбце таблицы:</h4>
    <table border="1">
      <tr>
        <th>Имя</th><td>Петя Иванов</td>
      </tr>
      <tr>
        <th rowspan="2">Телефон</th><td>123 45 67</td>
      </tr>
      <tr><td>234 56 78</td></tr>
    </table>

  </body>
</html>
Попробовать »
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь