/html/td:> Ячейка данных таблицы_
Элемент td
Синтаксис
(X)HTML
<table> ... <tr> ... <td> ... </td> ... </tr> ... </table>
Описание
Элемент td
(от англ. "table data" ‒ «данные таблицы») создаёт стандартную ячейку таблицы.
Условия использования
Данный элемент может располагаться только внутри элемента tr
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | Tables |
4.01 | 11.2.6 Table cells: The TH and TD elements DTD: Transitional
Strict
Frameset
|
5.0 | 4.9.9 The td element |
5.1 | 4.9.9. The td element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- abbr
- Указывает краткое содержание ячейки.
- align
- Задаёт горизонтальное выравнивание.
- axis
- Группирует ячейки.
- bgcolor
- Задаёт цвет фона.
- char
- Указывает символ по которому выравнивается содержимое ячейки.
- charoff
- Задаёт количество символов на которое необходимо сместить содержимое ячейки.
- colspan
- Указывает количество объединяемых ячеек строки таблицы.
- headers
- Связывает ячейки заголовка с ячейкой данных.
- height
- Задаёт высоту ячейки.
- nowrap
- Отключает автоматический перенос текста.
- rowspan
- Указывает количество объединяемых ячеек столбца таблицы.
- scope
- Указывает группу ячеек данных, для которых текущая ячейка выступает в качестве заголовка.
- valign
- Задаёт вертикальное выравнивание.
- width
- Указывает ширину ячейки.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент td</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "td"</h1>
<table>
<caption>Февраль 2015</caption>
<thead>
<tr> <th>Пн</th> <th>Вт</th> <th>Ср</th> <th>Чт</th> <th>Пт</th> <th>Сб</th> <th>Вс</th> </tr>
</thead>
<tbody>
<tr> <td><s>26</s></td> <td><s>27</s></td> <td><s>28</s></td> <td><s>29</s></td> <td><s>30</s></td> <td><s>31</s></td> <td>1</td> </tr>
<tr> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr>
<tr> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> </tr>
<tr> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> </tr>
<tr> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td><s>1</s></td> </tr>
</tbody>
</table>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент td</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "td"</h1>
<table>
<caption>Февраль 2015</caption>
<thead>
<tr> <th>Пн</th> <th>Вт</th> <th>Ср</th> <th>Чт</th> <th>Пт</th> <th>Сб</th> <th>Вс</th> </tr>
</thead>
<tbody>
<tr> <td><s>26</s></td> <td><s>27</s></td> <td><s>28</s></td> <td><s>29</s></td> <td><s>30</s></td> <td><s>31</s></td> <td>1</td> </tr>
<tr> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr>
<tr> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> <td>15</td> </tr>
<tr> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> <td>22</td> </tr>
<tr> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> <td><s>1</s></td> </tr>
</tbody>
</table>
</body>
</html>
Элемент td