1. Создайте HTML-документ с именем spiski.htm. 2. Заголовок окна: Списки. 3. Фоновое изображение веб-страницы 1-ГО УРОВНЯ whiteheart.jpg, цвет текста черный. 4. Заголовок (Н1, по центру), цвет maroon строка с текстом «Немного обо мне». 5. Заголовки списков 6. Первый список 7. Второй список ность. 8. Третий список римские числа. 9. Четвертый список - уровня 10. Пятый список - - - - - - квадрат. - - - размер НЗ, цвет maroon. маркированный, вид маркера маркированный, вид маркера нумерованный, вид маркера из файла - список определений. - - - диск. многоуровневый, вид маркера у списка прописные латинские буквы, у списка 2-го окруж- большие
Ответы
Ответ:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Списки</title>
<style>
body {
background-image: url('whiteheart.jpg');
color: black;
}
h1 {
text-align: center;
color: maroon;
}
ul {
list-style-type: square;
}
ol {
list-style-type: upper-roman;
}
ol.square-list {
list-style-type: square;
}
ol.circle-list {
list-style-type: circle;
}
dl {
margin-top: 20px;
}
dt {
color: maroon;
}
dd {
margin-left: 20px;
}
</style>
</head>
<body>
<h1>Немного обо мне</h1>
<ul>
<li>Первый список</li>
<li>Второй список</li>
</ul>
<ol>
<li>Первый список</li>
<li>Второй список</li>
</ol>
<ol class="square-list">
<li>Первый список - квадрат</li>
<li>Второй список - квадрат</li>
</ol>
<ol class="circle-list">
<li>Первый список - круг</li>
<li>Второй список - круг</li>
</ol>
<dl>
<dt>Многоуровневый список</dt>
<dd>прописные латинские буквы</dd>
<dt>У списка 2-го уровня</dt>
<dd>большие</dd>
</dl>
</body>
</html>
```
Сохраніть цей код у файл з ім'ям `spiski.htm` і завантажте зображення `whiteheart.jpg` у ту ж саму папку, де знаходиться HTML-файл.