пример
Простой HTML-таблица, содержащая два столбца и две строки:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
<table> тег определяет таблицу HTML.
HTML таблица состоит из <table> элемента и одного или более <tr> , <th> и <td> элементы.
<tr> элемент определяет строку таблицы, <th> элемент определяет заголовок таблицы, а <td> элемент определяет ячейку таблицы.
Более сложный HTML таблица может также включать в себя <caption>, <col>, <colgroup>, <thead>, <tfoot> и <tbody> элементы.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <table> | да | да | да | да | да |
Отличия между HTML 4.01 и HTML5
"align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" и "width" атрибуты не поддерживаются в HTML5.
Атрибуты
| Атрибут | Стоимость | Описание |
|---|---|---|
| align | left center right | Не поддерживается в HTML5. Определяет выравнивание таблицы в соответствии с окружающим текстом |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | Не поддерживается в HTML5. Определяет цвет фона для таблицы |
| border | 1 0 | Определяет, является ли или не используется таблица для целей компоновки |
| cellpadding | pixels | Не поддерживается в HTML5. Задает пространство между клеточной стенкой и содержимым клеток |
| cellspacing | pixels | Не поддерживается в HTML5. Задает расстояние между ячейками |
| frame | void above below hsides lhs rhs vsides box border | Не поддерживается в HTML5. Определяет, какие части внешних границ, которые должны быть видны |
| rules | none groups rows cols all | Не поддерживается в HTML5. Определяет, какие части внутренних границ, которые должны быть видны |
| sortable | sortable | Указывает, что таблица должна быть сортируемым |
| summary | text | Не поддерживается в HTML5. Определяет краткое содержание таблицы |
| width | pixels % | Не поддерживается в HTML5. Определяет ширину таблицы |
Глобальные атрибуты
<table> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<table> тег также поддерживает Атрибуты событий в HTML .
Попробуйте сами - Примеры
заголовки таблицы
Как создать заголовки таблицы.
Таблица с заголовком
HTML таблицы с заголовком.
Теги внутри таблицы
Как отображать элементы внутри других элементов.
Клетки , которые охватывают более одной строки / столбца
Как определить ячейки таблицы, которые охватывают более чем одну строку или один столбец.
Похожие страницы
Учебник HTML: HTML таблицы
HTML DOM ссылка: Table объектов
Учебник CSS: Styling Столы
Настройки по умолчанию CSS
Большинство браузеров отобразит <table> элемент со следующими значениями по умолчанию:
пример
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Попробуй сам "