ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 10.01.2024
Просмотров: 24
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Практическая работа
HTML, CSS
Ход работы
-
Создайте html-документ в папке myimage и внесите в него базовую структуру -
Между тегами создайте таблицу, состоящую из 17 строк и 20 ячеек в каждой строке -
Задайте ячейкам 8, 9, 10, 11, 12, 13 первой строки класс _color1. Этот же класс задается для следующих ячеек:
2 строка – c 7 по 14,
3 строка – с 6 по 15,
4 строка – 5, 6, 8-13, 15, 16,
5 строка – 5, 8-13, 16,
6 строка – 4, 9-12, 17,
7 строка – 4, 9, 12, 17,
8 строка – 3, 18,
9 строка – 2, 5, 8, 13, 16, 19,
10 строка – 1, 6 – 15, 20,
11 строка – 1, 4, 17, 20,
12 строка – 2, 3, 6-13, 18, 19,
13 строка – 6-8, 13-15,
14 строка – 6, 7, 14, 15,
15 строка – 8, 13,
16 строка – 8, 9, 12, 13,
17 строка – 7-14
-
Задайте класс _color2 следующим ячейкам:
4 строка – 7, 14
5 строка – 6, 7, 13, 14
6 строка – 5, 8, 13, 16
7 строка – 5, 8, 13, 16
8 строка – 5, 8, 13, 16
9 строка – 6, 7, 13, 14
10 строка – 5, 15
11 строка – 6, 14
13 строка – 9-12
14 строка – 8-13
15 строка – 9-12
16 строка – 10, 11
-
Задайте класс _color3 следующим ячейкам:
6 строка – 6, 7, 14, 15
7 строка – 6, 15
8 строка – 6, 7, 14, 15
-
Задайте класс _color4 следующим ячейкам:
8 строка – 4, 17
9 строка – 3, 4, 17, 18
10 строка – 2-4, 17-19
11 строка – 2, 3, 18, 19
-
Задайте класс _color5 следующим ячейкам:
7 строка – 10,11
8 строка – 9-12
9 строка – 9-12
-
Подключите файл стилей и задайте следующие настройки:
Ко всему документу – внешние и внутренние отступы 0px
_color1 – цвет фона #7446D7
_color2 – цвет фона #65A6D1
_color3 – цвет фона черный
_color4 – цвет фона #F56E8D
_color5 – цвет фона синий
Ширина всех ячеек – 10px
Высота всех ячеек – 10px
Вся таблица по центру.
-
Результат покажите преподавателю