HTML УРОК №4

Слайд 2

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

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

Слайд 3

Таблица создаётся при помощи парного тега

. Данный тег является контейнером для

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




текст заголовкатекст заголовка
данныеданные

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

Слайд 4










текст заголовка текст заголовка
данные данные

текст заголовка текст заголовка данные данные

Слайд 5

Атрибуты

Атрибуты

Слайд 6

Как объединить ячейки таблицы
Атрибуты colspan и rowspan объединяют ячейки таблицы. Атрибут colspan

Как объединить ячейки таблицы Атрибуты colspan и rowspan объединяют ячейки таблицы. Атрибут
задает количество ячеек, объединенных по горизонтали, а rowspan — по вертикали.














пункт 1 пункт 2 пункт 3 пункт 4
пункт 5 пункт 6 пункт 7 пункт 8

Слайд 7










пункт1 пункт2 пункт3 пункт4 пункт5 пункт6 пункт7 пункт1 пункт2 пункт3 пункт4 пункт5 пункт6



пункт1 пункт2 пункт3 пункт4
пункт5 пункт6пункт7












пункт1 пункт2 пункт3 пункт4
пункт5 пункт6