Практическая работа. Практическая работа html, css
 Скачать 15.25 Kb.
|
|
Практическая работа 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 Вся таблица по центру. |