Довідники 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

Коментарі