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

Информация по поводу - table


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