Эта статья поднимает множество проблем. Пожалуйста, помогите улучшить его или обсудите эти проблемы на странице обсуждения . ( Узнайте, как и когда удалить эти сообщения-шаблоны ) ( Узнайте, как и когда удалить этот шаблон сообщения )
|
Ячейка таблицы одна группировка внутри схемы таблицы , используемой для хранения информации или данных. Ячейки сгруппированы по горизонтали (ряды ячеек) и вертикально (столбцы ячеек). Каждая ячейка содержит информацию, относящуюся к комбинации заголовков строк и столбцов, которым она коллинеарна. В разработке программного обеспечения , ячейки таблиц являются ключевым компонентом в HTML и веб - странице здании, и это является частью <table> компоненты. Кодировщик может указывать размеры ячейки таблицы и использовать их для хранения разделов веб-страниц.
Использование HTML [ править ]
Виды ячеек в HTML [ править ]
Ячейка таблицы в HTML является непустым элементом и всегда должна быть закрыта. В HTML есть два разных типа ячеек таблицы: обычная ячейка таблицы и ячейка заголовка. <td> обозначает ячейку таблицы, имя подразумевает «данные», а <th> обозначает «заголовок» таблицы. Их можно использовать как взаимозаменяемые, но рекомендуется, чтобы ячейка заголовка использовалась только для верхнего и бокового заголовков таблицы.
Синтаксис [ править ]
Ячейка таблицы также должны быть вложены в <TABLE> тег и в <TR> (строки таблицы) тега. Если в любой данной строке больше тегов ячеек таблицы, чем в любой другой, конкретному <tr> должен быть присвоен атрибут colspan, объявляющий, сколько столбцов ячеек должно быть шириной.
Пример [ править ]
Пример таблицы HTML, содержащей 4 ячейки:
Ячейка 1 | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
Источник HTML:
< table border = "1" > < tr > < td > Ячейка 1 </ td > < td > Ячейка 2 </ td > </ tr > < tr > < td > Ячейка 3 </ td > < td > Ячейка 4 </ td > </ tr > </ table >
Colspan и rowspan [ править ]
Каждая строка должна иметь одинаковое количество ячеек данных таблицы, иногда ячейки данных таблицы должны охватывать более одного столбца или строки. В этом случае используются теги colspan и / или rowspan - где им присваивается число.
<- В этой строке есть три ячейки данных таблицы | |||
<- В этой строке их два. Первое использование colspan="2" | |||
<- Эта строка имеет три ячейки данных таблицы, но одна охватывает две строки, потому что она использует rowspan="2" | |||
<- Эта строка имеет только две ячейки данных таблицы, потому что первая занята |