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