<table> (від англ. 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
- Повідомляє браузер, як відображати межі навколо таблиці.
- rules
- Повідомляє браузер, де відображати межі між осередками.
- summary
- Короткий опис таблиці.
- width
- Ширина таблиці.
Також для цього елемента доступні універсальні атрибути та події.
Приклад
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Таблиця розмірів взуття</title> </head> <body> <table> <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<&t; <tr><td>35,5</td><td>4</td><td>36⅔</td><td>23–2, ; <tr><td>36</td><td>4,5</td><td>37⅓</td><td>23,5< <tr><td>36,5</td><td>5</td><td>38</td><td>24</t; <tr><td>37</td><td>5,5</td><td>38⅔</td><td>24,5< <tr><td>38</td><td>6</td><td>39⅓</td><td>25</&t; <tr><td>38,5</td><td>6,5</td><td>40</td><td>25,5< ; <tr><td>39</td><td>7</td><td>40⅔</td><td>25,5–2&t; <tr><td>40</td><td>7,5</td><td>41⅓</td><td>26<&t; <tr><td>40,5</td><td>8</td><td>42</td><td>26,5<&t; <tr><td>41</td><td>8,5</td><td>42⅔</td><td>27<&t; <tr><td>42</td><td>9</td><td>43⅓</td><td>27,5<&t; <tr><td>43</td><td>9,5</td><td>44</td><td>28</t; <tr><td>43,5</td><td>10</td><td>44⅔</td><td>28–2&t; ; <tr><td>44</td><td>10,5</td><td>45⅓</td><td>28,5 ; <tr><td>44,5</td><td>11</td><td>46</td><td>29</&t; <tr><td>45</td><td>11,5</td><td>46⅔</td><td>29,5&t; <tr><td>46</td><td>12</td><td>47⅓</td><td>30<&t; <tr><td>46,5</td><td>12,5</td><td>48</td><td>30,5< ; <tr><td>47</td><td>13</td><td>48⅔</td><td>31<&t; <tr><td>48</td><td>13,5</td><td>49⅓</td><td>31,5&t; </table> </body> </html>
Результат цього прикладу показаний на рис. 1.
Мал. 1. Вигляд таблиці
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
| HTML 4.01 Specification | Рекоменд ація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C та рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якою елемент підтримується.