Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
2.0 + | 1.0 + | 2.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Елемент <table> служить контейнером для елементів, що визначають вміст таблиці. Будь-яка таблиця складається з рядків і осередків, які задаються за допомогою тегів <tr> і <td> . Усередині <table> допустимо використовувати наступні елементи: <caption> , <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> і <tr> .
Таблиці з невидимою рамкою довгий час використовувалися для верстки веб-сторінок, дозволяючи розділяти документ на модульні блоки. Подібний спосіб застосування таблиць знайшов втілення на багатьох сайтах, поки йому на зміну не прийшов більш сучасний спосіб верстки за допомогою шарів.
Синтаксис
<table> <tr> <td> ... </td> </tr> </table>
Атрибути
- align
- Визначає вирівнювання таблиці.
- background
- Задає фоновий малюнок у таблиці.
- bgcolor
- Колір фону таблиці.
- border
- Товщина рамки в пікселях.
- bordercolor
- Колір рамки.
- cellpadding
- Відступ від рамки до вмісту осередку.
- cellspacing
- Відстань між осередками.
- cols
- Число колонок в таблиці.
- frame
- Повідомляє браузеру, як відображати межі навколо таблиці.
- height
- Висота таблиці.
- rules
- Повідомляє браузеру, де відображати межі між осередками.
- summary
- Короткий опис таблиці.
- width
- Ширина таблиці.
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> Таблиця розмірів взуття </title> </head> <body> <table border="1"> <caption> Таблиця розмірів взуття </caption> <tr> <th> Росія </th> <th> Великобританія </th> <th> Європа </th> <th> Довжина ступні, см </th> </tr> <tr> <td> 34,5 </td> <td> 3,5 </td> <td> 36 </td> <td> 23 </td> </tr> <tr> <td> 35,5 </td> <td> 4 </td> <td> 36⅔ </td> <td> 23-23,5 </td> </tr> <tr> <td> 36 </td> <td> 4,5 </td> <td> 37⅓ </td> <td> 23,5 </td> </tr> <tr> <td> 36,5 </td> <td> 5 </td> <td> 38 </td> <td> 24 </td> </tr> <tr> <td> 37 </td> <td> 5,5 </td> <td> 38⅔ </td> <td> 24,5 </td> </tr> <tr> <td> 38 </td> <td> 6 </td> <td> 39⅓ </td> <td> 25 </td> </tr> <tr> <td> 38,5 </td> <td> 6,5 </td> <td> 40 </td> <td> 25,5 </td> </tr> <tr> <td> 39 </td> <td> 7 </td> <td> 40⅔ </td> <td> 25,5-26 </td> </tr> <tr> <td> 40 </td> <td> 7,5 </td> <td> 41⅓ </td> <td> 26 </td> </tr> <tr> <td> 40,5 </td> <td> 8 </td> <td> 42 </td> <td> 26,5 </td> </tr> <tr> <td> 41 </td> <td> 8,5 </td> <td> 42⅔ </td> <td> 27 </td> </tr> <tr> <td> 42 </td> <td> 9 </td> <td> 43⅓ </td> <td> 27,5 </td> </tr> <tr> <td> 43 </td> <td> 9,5 </td> <td> 44 </td> <td> 28 </td> </tr> <tr> <td> 43,5 </td> <td> 10 </td> <td> 44⅔ </td> <td> 28-28,5 </td> </tr> <tr> <td> 44 </td> <td> 10,5 </td> <td> 45⅓ </td> <td> 28,5-29 </td> </tr> <tr> <td> 44,5 </td> <td> 11 </td> <td> 46 </td> <td> 29 </td> </tr> <tr> <td> 45 </td> <td> 11,5 </td> <td> 46⅔ </td> <td> 29,5 </td> </tr> <tr> <td> 46 </td> <td> 12 </td> <td> 47⅓ </td> <td> 30 </td> </tr> <tr> <td> 46,5 </td> <td> 12,5 </td> <td> 48 </td> <td> 30,5 </td> </tr> <tr> <td> 47 </td> <td> 13 </td> <td> 48⅔ </td> <td> 31 </td> </tr> <tr> <td> 48 </td> <td> 13,5 </td> <td> 49⅓ </td> <td> 31,5 </td> </tr> </table> </body> </html>