Поскольку это касается HTML, таблицы используются для отображения данных табличным способом. Вопросы относительно HTML-таблиц нужно задать путем показа исходного кода, у каждого есть проблема с, или, если вопрос о неудачной попытке составить таблицу согласно требованиям, автор вопроса должен показать неудавшуюся попытку, описать ожидания и как поведение отличалось.

<table> элемент используется для отображения сетки данных. <table> иногда неправильно привык к элементам положения на веб-странице, которой нужно избежать, так как таблицы имеют семантическое значение. Таблицы разделены на многие подэлементы, чтобы заставить их работать.

Как любой HTML-тэг, <table> поведение тега может быть изменено через HTML-атрибуты. Самые важные атрибуты для a <table> следующие:

  • 'граница' определяет толщину границ таблиц. т.е. border="1"
  • 'dir' определяет направление таблицы. т.е. dir="rtl" или dir="ltr"
  • 'cellpadding' определяет пространство вокруг содержания ячейки т.е. cellpadding="10"
  • 'cellspacing' определяет пространство вокруг ячеек т.е. cellspacing="10" border, cellpadding and cellspacing

Таблицы разделены на многие подэлементы:

  • <caption> мозаика таблицы. Это является дополнительным, но если существующий это должен быть первый тег после <table> тег.
  • <thead>, <tbody>, и <tfoot> разделит таблицу на их соответствующие разделы заголовка, тела и нижнего колонтитула. Используя эти элементы позволяет лучшее семантическое значение для определенных строк таблицы, которая может быть заголовками к столбцам (в заголовке) или строка итогов (в нижнем колонтитуле), вместо того, чтобы продвинуть все в тело. Если ни один из них не будет указан, и таблица сразу входит в строки, то браузер будет рассматривать его как все содержавшие в теле.
  • <tr> перешел на новую строку в таблице. Строки таблицы не требуются, чтобы быть закрытыми a </tr> но рекомендуется сделать так в большинстве случаев для предотвращения беспорядка. Строка таблицы продолжится, пока новая строка не будет открыта или заголовок, тело или нижний колонтитул, который содержит его, закрывается. Таблица может содержать любое количество строк.
  • <th> определяет ячейку заголовка в строке, Это будет содержать информацию заголовка / заголовок и может быть украшено по-другому в таблице.
  • <td> определяет Стандартную ячейку в строке, которая содержит некоторое содержание/данные. Как строки таблицы, ячейки таблицы также не требуются быть закрытыми a </td>. Ячейка таблицы продолжится, пока новая ячейка не будет открыта или строка, которая содержит ее, закрывается. Строка таблицы может содержать любое количество ячеек. Точно так же <th> элемент часто используется в заголовке таблицы. Это - альтернатива ячейке постоянного столика, которая устанавливает его кроме других ячеек как определяющая точка, которая определяет информацию ниже или стороне его.

Кроме того, ячейки в a <table> может быть объединен:

colspan and rowspan

код для rowspan:

<table width="300" border="1"> <tbody> <tr> <td rowspan="2">Merged</td> <td>Table First Row</td> </tr> <tr> <td>Table Second Row</td> </tr> </tbody> </table> 

код для colspan:

<table width="300" border="1"> <tbody> <tr> <td colspan="2">Merged</td> </tr> <tr> <td>Table First Col</td> <td>Table Second Col</td> </tr> </tbody> </table> 

код ни для каких границ:

<table width="300" cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="2">Merged</td> </tr> <tr> <td>Table First Col</td> <td>Table Second Col</td> </tr> </tbody> </table> 

Этот тег связан с .