Содержание

Слайд 2

С чем будем работать?

таблица
= table row строка таблицы
= table data данные таблицы

С чем будем работать? таблица = table row строка таблицы = table
= table header заголовок (жирный, по центру)

Слайд 3

Создаем таблицу.








Создаем таблицу.
Создаем строку
Создаем столбцы(колонки)

Создаем таблицу. Создаем таблицу. Создаем строку Создаем столбцы(колонки)

Слайд 5

Свойства таблицы. Атрибут border

Для установки рамки для таблицы к тегу

необходимо применитьСвойства таблицы. Атрибут border Для установки рамки для таблицы к тегу необходимо
атрибут border.



Толщина рамки

Слайд 6

Размер таблицы.




Ширина в пикселях или в %

Размер таблицы. … Ширина в пикселях или в % от ширины окна браузера Высота в пикселях
от ширины окна браузера

Высота в пикселях

Слайд 7

Размер строки.




Высота в пикселях или процентах от высоты таблицы.

Размер строки. … Высота в пикселях или процентах от высоты таблицы.

Слайд 8

Размер столбца(ячейки).




Ширина в пикселях или в % от ширины

Размер столбца(ячейки). … Ширина в пикселях или в % от ширины таблицы
таблицы

Слайд 9

Выравнивание всей таблицы




“center”
“left”
“right”

Выравнивание всей таблицы … “center” “left” “right”

Слайд 10

Задание 13.

Создать таблицу с рамкой. (5 строк, 5 столбцов).
Размер таблицы ширина 800,

Задание 13. Создать таблицу с рамкой. (5 строк, 5 столбцов). Размер таблицы
высота 700.
Таблица выровненна по центру.
Заполните таблицу названием городов.

Слайд 11

Выравнивание информации в ячейках.






“center”
“left”
“right”

“top”
“middle”
“bottom”

Выравнивание информации в ячейках. “center” “left” “right” “top” “middle” “bottom”

Слайд 12

Задание 14.

Первая строка выравнивание левый верхний край
Вторая строка выравнивание по центру и

Задание 14. Первая строка выравнивание левый верхний край Вторая строка выравнивание по
середине
Третья строка выравнивается по правому нижнему краю.
Остальные строки выравнивание по центру

Слайд 13

Цвет фона таблицы






Цвет фона таблицы

Слайд 14

Цвет рамки




Цвет рамки …

Слайд 15

Задание 15

Создайте таблицу в виде флага России. Рамка белого цвета
Создайте таблицу в

Задание 15 Создайте таблицу в виде флага России. Рамка белого цвета Создайте
виде светофора. Рамка зеленого цвета

Слайд 16

Вставка изображения.







Вставка изображения.

Слайд 17

Задание 16.

Создайте таблицу

Задание 16. Создайте таблицу

Слайд 18

Задание 17.

Задание 17.

Слайд 19

Задание 18.

Создайте расписание на неделю.
В начале страницы создайте таблицу с днями

Задание 18. Создайте расписание на неделю. В начале страницы создайте таблицу с
недели.
При нажатии на день недели переходим на странице на расписание этого дня

Слайд 20

Задание.

Задание.

Слайд 21

Отступы

CELLSPACING

CELLSPACING

CELLPADDING

CELLPADDING

Отступы CELLSPACING CELLSPACING CELLPADDING CELLPADDING

Слайд 23

Объединение столбцов.

Объединение столбцов.

Слайд 25

Объединение столбцов. (column span)

Для объединения столбцов необходимо прописать атрибут colspan.
Прописываем в .
Значение

Объединение столбцов. (column span) Для объединения столбцов необходимо прописать атрибут colspan. Прописываем
атрибута – это количество объединенных столбцов.

Слайд 28

Объединение строк.

Объединение строк.

Слайд 30

Объединение строк. (row span)

Для объединения строк необходимо прописать атрибут rowspan.
Прописываем в .
Значение

Объединение строк. (row span) Для объединения строк необходимо прописать атрибут rowspan. Прописываем
атрибута – это количество объединенных столбцов.