Описание тега html-table

Описание тега Вопросы с тегом

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

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

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

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

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

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

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

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

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