В этой статье есть несколько проблем. Помогите улучшить ее или обсудите эти проблемы на странице обсуждения . ( Узнайте, как и когда удалять эти сообщения )
|
Ячейка таблицы — это одна из группировок в таблице диаграммы , используемая для хранения информации или данных. Ячейки группируются по горизонтали (строки ячеек) и по вертикали (столбцы ячеек). Каждая ячейка содержит информацию, относящуюся к комбинации заголовков строк и столбцов, с которыми она коллинеарна. В разработке программного обеспечения ячейки таблицы являются ключевым компонентом в HTML и создании веб-страниц , и они являются частью компонента <table>. Кодер может указать размеры для ячейки таблицы и использовать их для хранения разделов веб-страниц.
Ячейка таблицы в 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="2" | |||
<-- Эта строка содержит три ячейки данных таблицы, но одна из них охватывает две строки, поскольку использует rowspan="2" | |||
<-- В этой строке только две ячейки данных таблицы, поскольку первая занята |