MyTetra Share
Делитесь знаниями!
Тег
02.04.2019
19:01
Автор: alensav
Текстовые метки: Тег
Раздел: MyTetra - INTERNET - HTTM

Тег <table>



комментариев: 153


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

Ширина таблицы.

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

Закрывающий тег

Обязателен.

Пример

HTML5IECrOpSaFx

<!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>



Блочные элементы

Таблицы

Статьи по теме