Презентация, доклад на тему Урок 10. HTML таблицы

В большинстве ячеек размещаются табличные данные, остальные содержат заголовки для строк и столбцов, описывающие содержимое.
Для создания таблицы в HTML-документе используется тег , он представляет собой контейнер, в котором находится все содержимое таблицы.

---

, каждая строка, в свою очередь, состоит из ячеек. Тег может содержать в себе только теги для создания ячеек.
В HTML существует два разных тега для создания ячеек, первым из них является

, он создает обычные ячейки с данными. Второй вид - это тег	, он позволяет определять ячейки, которые содержат заголовки для столбцов или строк, содержимое таких ячеек отображается жирным начертанием и выравнивается по центру. Теги	и	могут включать в себя любые HTML-элементы, которые доступны для использования в теле документа. Слайд 4 Первый заголовокВторой заголовок
строка 1, ячейка 1	строка 1, ячейка 2
строка 2, ячейка 1	строка 2, ячейка 2

По умолчанию браузеры не отображают рамку вокруг таблицы и ячеек, но присутствие атрибута border, указывает браузеру, что у таблицы должна быть рамка.
По стандарту HTML5 значением атрибута border может быть либо 1, либо пустая строка (обозначается как пара двойных кавычек ""). Не важно, какое значение атрибута вы зададите, если он присутствует, то рамка будет отображаться:

Перваястрока
Втораястрока

Втораястрока

создания заголовка таблицы используется тег , обычно он размещается сразу после открывающего тега , но также он может располагаться практически в любом месте внутри таблицы между элементами .
Тег заголовка может содержать в себе любые элементы, которые можно использовать в теле HTML-документа. По умолчанию содержимое тега

отображается над таблицей и выравнивается по ее центру. Расположение заголовка можно изменить применив к нему CSS свойство caption-side:

---

Слайд 9


Моя первая таблица
строка

1, ячейка 1

строка 1, ячейка 2
строка 2, ячейка 1	строка 2, ячейка 2

целью размещения большего объема данных. Например, в таблице из четырех строк и четырех столбцов все ячейки в первой строке можно объединить и поместить в этой строке красивый заголовок. Возможно также объединение нескольких строк или столбцов.
Для объединения смежных ячеек в строке таблицы используется атрибут colspan, в значении задается число ячеек в строке, которое вы хотите объединить.
Для объединения смежных ячеек в столбце таблицы используется атрибут rowspan, в значении задается число ячеек столбца, которое вы хотите объединить:

Имя	Телефон
Петя Иванов	123 45 67	234 56 78

Имя	Петя Иванов
Телефон	123 45 67
	234 56 78