Уроки HTML | Тег table, таблица в браузере

Основным элементом в таблице является тег table/table, он содержит в себе все остальные теги. Строки таблицы - (по-английски -row) обозначаются тегом tr/tr, в строке находятся ячейки td/td.

 

Уроки HTML

Тег table/table - таблица

Урок 9

 

Этот тег означает table data- данные таблицы.

//таблица
//строка 1
//ячейки первой строки
//конец первой строки
//строка 2
//ячейки второй строки
//конец второй строки
ячейка № 1
ячейка № 2
ячейка № 3
ячейка № 1
ячейка № 2
ячейка № 3
//конец таблицы

ячейка № 1	ячейка № 2	ячейка № 3
ячейка № 1	ячейка № 2	ячейка № 3

Если в тег table добавить атрибут border="1"(или 2,3,4....), то таблица приобретет рамку, толщина которой будет зависеть от значения атрибута.

//таблица с рамкой
//строка 1
//ячейки первой строки
//конец первой строки
//строка 2
//ячейки второй строки
//конец второй строки
ячейка № 1
ячейка № 3
ячейка № 3
ячейка № 1
ячейка № 3
ячейка № 3
//конец таблицы

ячейка № 1	ячейка № 2	ячейка № 3
ячейка № 1	ячейка № 2	ячейка № 3

Можно добавить "шапку" для таблицы, дать названия ячеек: для этого применяют тег th/th-table header.

Этот тег нужно поместить в начале таблицы: после тега table и между тегамиtr/tr

//таблица с рамкой
//строка 1
//ячейки первой строки
//конец первой строки
//строка 2
//ячейки второй строки
//конец второй строки

Заголовок 1
Заголовок 2
Заголовок 3

ячейка № 1
ячейка № 3
ячейка № 3
ячейка № 1
ячейка № 3
ячейка № 3
//конец таблицы

Заголовок 1	Заголовок 2	Заголовок 3
ячейка № 1	ячейка № 2	ячейка № 3
ячейка № 1	ячейка № 2	ячейка № 3

Как правило количество заголовков таблицы должно совпадать с количеством ячеек в строке.

 

С уважением, авторы сайта Компьютерапия