Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег table

Дата:20.09.15 в 12:34
Справочник: 

Характеристики тега

В каких браузерах работает?

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> могут вписывать 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 - ширина.

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

Закрытый тег

Да.

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег table</title>
 </head>
 <body>
 
<table>
	<tr>
		<td>link</td>
		<td>source</td>
	</tr>
</table>
 
 </body>
</html>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Понравилась статья? Расскажите о ней друзьям: