Создайте документ, вид которого показан на рисунке в конце этой страницы.
Стилевые определения записывайте в отдельный файл с именем task04.css, а HTML-код в файл task04.htm. Файлы сохраняйте в каталоге, который вам укажет учитель.
В этом каталоге есть подкаталог pic, в котором находятся две картинки.
Первую картинку используйте для создания фона, вторую — как заголовок страницы. Картинки нужно выводить на экран без использования тега IMG, подбирая нужные параметры свойства background для элементов страницы.
В качестве средств оформления используйте свойства, приведённые в таблице.
Свойство | Описание и значения |
---|---|
color | Задаёт цвет текста. Значения: название цвета или его номер (как в соответствующем атрибуте HTML). |
background |
Значение свойства записывается в виде последовательности параметров:
цвет скролл повтор координаты картинка ![]() |
margin-left margin-right margin-top margin-bottom |
Определяет размер отступа элемента: со всех сторон (margin) или с только с соответствующей стороны. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента. |
padding-left padding-right padding-top padding-bottom |
Определяет расстояние между содержимым и границей элемента слева со всех сторон (padding) или с только с соответствующей стороны. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента. |
Задаёт способ выравнивания внутри элемента. Значения: left, right, center, justify. | |
Задаёт высоту элемента. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента. | |
Задаёт ширину элемента. Значения: число с допустимой единицей измерения (например, px). Можно записывать значение в виде процента от родительского элемента. |
В качестве текстового редактора используйте PSPad или Блокнот. Заготовки файлов можно скопировать в текстовый редактор через буфер обмена.
Файл task04.css
/* Цвет текста, фона и фоновая картинка */ BODY { } /* Отступы элемента слева, справа и снизу. Отступы содержимого от границы элемента слева и справа, выравнивание по ширине, цвет фона */ DIV { }
Файл task04.htm