Ячейка таблицы

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

использование HTML

Виды ячеек в HTML

Ячейка таблицы в HTML является непустым элементом и всегда должна быть закрыта. В HTML существует два разных типа ячеек таблицы: обычная ячейка таблицы и ячейка заголовка. <td> обозначает ячейку таблицы, имя подразумевает «данные», а <th> обозначает «заголовок» таблицы. Их можно использовать взаимозаменяемо, но рекомендуется использовать ячейку заголовка только для верхнего и бокового заголовков таблицы.

Синтаксис

Ячейка таблицы также должна быть вложена в <table> тег и тег <tr> (строка таблицы). Если в какой-либо строке больше тегов ячеек таблицы, чем в любой другой, конкретному <tr> необходимо присвоить Атрибут colspan , указывающий, сколько столбцов ячеек должно быть в ширину.

Пример

Пример таблицы HTML, содержащей 4 ячейки:

Ячейка 1	Ячейка 2
Ячейка 3	Ячейка 4

HTML-источник:

<table border="1">
  <tr>
    <td>
      Cell 1
    </td>
    <td>
      Cell 2
    </td>
  </tr>
  <tr>
    <td>
      Cell 3
    </td>
    <td>
      Cell 4
    </td>
  </tr>
</table>

Colspan и диапазон строк

Каждая строка должна иметь одинаковое количество ячеек данных таблицы, иногда ячейки данных таблицы должны охватывать более одного столбца или строки. В этом случае используются теги colspan и/или rowspan, где им присвоено число.

			<-- Эта строка содержит три ячейки данных таблицы.
			<-- В этой строке их два. Первое использование `colspan="2"`
			<-- Эта строка содержит три ячейки данных таблицы, но одна из них занимает две строки, поскольку в ней используется `rowspan="2"`
			<-- В этой строке только две ячейки данных таблицы, поскольку первая из них занята

См. также

Внешние ссылки