Тег <table>
Описание
Исполбзуется для создания таблицы. Для полноценного создания стоит использовать элементы: thead, tbody, tfoot, tr, th, td, caption, col, colgroup.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<table>
<thead>
<tr>
<th> ... </th>
</tr>
</thead>
<tbody>
<tr>
<td> ... </td>
</tr>
</tbody>
<tfoot>
<tr>
<td> ... </td>
</tr>
</tfoot>
</table>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
3 | 12 | 1 | 3.5 | 1 | 1 | 1 | 1 | 6 | 1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Атрибуты
Устаревшие атрибуты
align - Определяет выравнивание таблицы.
background - Указывает фоновое изображение.
bgcolor - Указывает цвет фона таблицы.
border - Указывает толщину рамки.
bordercolor - Указывает цвет рамки.
cellpadding - Отступ от рамки до содержимого ячейки.
cellspacing - Указывает расстояние между ячейками.
cols - Указывает число колонок в таблице.
frame - Определяет, как отображать границы вокруг таблицы.
rules - Определяет, где отображать границы между ячейками.
summary - Указывает краткое описание таблицы.
width - Указывает ширину таблицы.
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<table border='1'> <tr> <td>Смартфон</td> <td>Ноутбук</td> <td>Телевизор</td> </tr> <tr> <td>15.000 ₽</td> <td>100.000 ₽</td> <td>45.000 ₽</td> </tr> </table>
</body>
</html>
Смартфон | Ноутбук | Телевизор |
15.000 ₽ | 100.000 ₽ | 45.000 ₽ |
Читайте также
Тег <article>
Независимый фрагмент веб - страницы, содержащий в себе «шапку», содержимое и «подвал» сайта. Чаще...
Тег <html>
Один из важных элементов. Является контейнером для всего документа. Все последующие элементы долж...
Тег <table>
Исполбзуется для создания таблицы. Для полноценного создания стоит использовать элементы: <spa...
Тег <bdo>
Определяет направление вывода текста. Часто используется с языками, где чтение происходит справа ...
Тег <pre>
Отображает код или текст со всеми отступами и пробелами.