Перейти к содержанию

<table>

Тег <table> (от англ. table — таблица) служит контейнером для элементов, определяющих содержимое таблицы.

Любая таблица состоит из строк и ячеек, которые задаются с помощью элементов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашёл воплощение на многих сайтах, пока ему на смену не пришли более современные способы вёрстки.

Демо

Таблицы

Синтаксис

1
2
3
4
5
<table>
    <tr>
        <td>...</td>
    </tr>
</table>

Закрывающий тег обязателен.

Атрибуты

Для этого элемента доступны универсальные атрибуты.

Спецификации

Описание и примеры

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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</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>

Ссылки

Комментарии