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

Группировка в таблице диаграммы, используемой для хранения информации или данных

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

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

Виды ячеек в HTML

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

Синтаксис

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

Пример

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

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

HTML-источник:

< граница таблицы  = "1" > < тр > < тд >   Ячейка 1 </ тд >  < тд > Ячейка 2 </td> </tr> <tr> <td>    Ячейка 3 </ тд >  < тд > Ячейка 4 </td> </tr> </table> 

Colspan и rowspan

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




<-- Эта строка содержит три ячейки данных таблицы.


<-- В этой строке их два. В первом используется colspan="2"



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


<-- В этой строке только две ячейки данных таблицы, поскольку первая занята

Смотрите также

  • Элементы TH и TD
  • Ссылка DHTML: td
  • Тэг ТД
Взято с "https://en.wikipedia.org/w/index.php?title=Table_cell&oldid=1273145020"