Справочники HTML5 table

Что такое table в HTML5?

HTML тег <table> используется для создания таблиц. Он является основным тегом, который отвечает за создание таблицы как таковой. Для создания рядов или ячеек используются теги tr и td соответственно. Требует закрывающий тег </table>.

Стоит знать: раньше сайты создавались при помощи таблиц, но подобный способ создания сайтов слишком неудобен и его было заменено на более продвинутый способ верстки при помощи блоков и слоев. Сегодня не стоит использовать таблицы для построения целого сайта.

Атрибуты:

width - указывается ширина всей таблицы;
height - указывается высота всей таблицы;
background - указывается картинка для заднего фона;
border - устанавливается граница для всей таблицы;
bgcolor - можно установить цвет заднего фона;
cellpadding - внутренний отступ от края таблицы до ячеек;
cellspacing - внутренние расстояние между ячейками;
cols - общее число колонок в таблице;
summary - можно задать небольшое описание к таблице.

Пример:

<table border="1" cellpadding="10" cellspacing="10">
   <caption>Небольшая таблица размеров обуви</caption>
   <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>
</table>

Результат:

Небольшая таблица размеров обуви
34,5	3,5	36	23
35,5	4	36⅔	23–23,5
36	4,5	37⅓	23,5

Комментарии