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

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

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

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

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

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

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

colspan and 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>

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