Необходимо создать HMTL-документ. Такой HTML-документ состоит из трех частей, содержащих законченный текст и представляющих отдельный абзац. Шрифт, начертание, размер, расположение и цвет текста, а также рисунка определены вариантом задания, представленного в таблице 1.1. Все размеры указаны в пикселях.
№
| Задание
|
1 часть
| 2 часть
| 3 часть
|
| Шрифт: Calibri
Размер: заголовок 4
Цвет: красный
Расположение: по центру
Начертание: курсив
Рисунок: нет
| Шрифт: Times New Roman
Размер: 14
Цвет: синий
Расположение: по ширине
Начертание: нет
Рисунок: нет
| Шрифт: Arial
Размер:12
Цвет: красный
Расположение: по левому краю
Начертание: нет
Рисунок: изображение, размером 50х50 прижато к левой стороне окна браузера
|
| Шрифт: Courier
Размер: заголовок 5
Цвет: черный Расположение: по правому краю
Начертание: нет
Рисунок: изображение, размером 30х30 прижато к левой стороне окна браузера
| Шрифт: Tahoma
Размер: 13
Цвет: черный
Расположение: по правому краю
Начертание: курсив
Рисунок: нет
| Шрифт: Verdana
Размер: 18
Цвет: синий
Расположение: по центру
Начертание: полужирный
Рисунок: нет
|
| Шрифт: Bodoni MT
Размер: 12
Цвет: желтый
Расположение: по центру
Начертание: подчеркнутый
Рисунок: нет
| Шрифт: Broadway
Размер: заголовок 3
Цвет: желтый
Расположение: по ширине
Начертание: зачеркнутый
Рисунок: нет
| Шрифт: Lucida Bright
Размер: 14
Цвет: бирюзовый
Расположение: по правому краю
Начертание: нет
Рисунок: изображение, размером 50х50 прижато к правой стороне окна
|
| Шрифт: Cambria Math
Размер: 16
Цвет: черный
Расположение: по левому краю
Начертание: полужирный
Рисунок: нет
| Шрифт: Times New Roman
Размер: 17
Цвет: зеленый
Расположение: по ширине
Начертание: нет
Рисунок: изображение, размером 25х50 прижато к левой стороне окна браузера
| Шрифт: Tahoma
Размер: заголовок 2
Цвет: черный
Расположение: по центру
Начертание: курсив
Рисунок: нет
|
| Шрифт: Forte
Размер: 11
Цвет: красный
Расположение: по правому краю
Начертание: нет
Рисунок: нет
| Шрифт: Verdana
Размер: 14
Цвет: серый
Расположение: по правому краю
Начертание: нет
Рисунок: изображение, размером 30х50 прижато к правой стороне окна браузера
| Шрифт: Courier
Размер: 16
Цвет: оранжевый
Расположение: по левому краю
Начертание: подчеркнутый
Рисунок: нет
|
| Шрифт: Cambria Math
Размер: 20
Цвет: фиолетовый
Расположение: по ширине
Начертание: курсив
Рисунок: изображение, размером 50х50 в середине окна браузера
| Шрифт: Bodoni MT
Размер: 12
Цвет: оранжевый Расположение: по левому краю
Начертание: нет
Рисунок: нет
| Шрифт: Vivaldi
Размер: заголовок 5
Цвет: бирюзовый Расположение: по правому краю
Начертание: нет
Рисунок: нет
|
| Шрифт: Broadway
Размер: 14
Цвет: желтый Расположение: по ширине
Начертание: нет
Рисунок: нет
| Шрифт: Verdana
Размер: 16
Цвет: черный Расположение: по левому краю
Начертание: подчеркнутый
Рисунок: нет
| Шрифт: Lucida Bright
Размер:12
Цвет: желтый Расположение: по правому краю
Начертание: нет
Рисунок: изображение, размером 10х10 прижато к правой стороне окна браузера
|
| Шрифт: Calibri
Размер: 14
Цвет: фиолетовый Расположение: по центру
Начертание: подчеркнутый
Рисунок: нет
| Шрифт: Tahoma
Размер: 13
Цвет: зеленый Расположение: по правому краю
Начертание: полужирный
Рисунок: изображение, размером 50х50 прижато к правой стороне окна браузера
| Шрифт: Bodoni MT
Размер: 13
Цвет: серый Расположение: по центру
Начертание: нет
Рисунок: нет
|
| Шрифт: Tahoma
Размер: заголовок 5
Цвет: синий Расположение: по левому краю
Начертание: курсив
Рисунок: изображение, размером 40х40 прижато к правой стороне окна браузера
| Шрифт: Broadway
Размер: 22
Цвет: синий Расположение: по левому краю
Начертание: полужирный
Рисунок: нет
| Шрифт: Arial
Размер: 9
Цвет: серый Расположение: по центру
Начертание: нет
Рисунок: нет
|
| Шрифт: Times New Roman
Размер: 8
Цвет: фиолетовый Расположение: по ширине
Начертание: полужирный
Рисунок: изображение, размером 40х40 прижато к левой стороне окна браузера
| Шрифт: Arial
Размер: 12
Цвет: черный Расположение: по левому краю
Начертание: курсив
Рисунок: нет
| Шрифт: Verdana
Размер: 31
Цвет: бирюзовый Расположение: по ширине
Начертание: подчеркнутый
Рисунок: нет
|
| Шрифт: Vivaldi
Размер: 23
Цвет: желтый Расположение: по левому краю
Начертание: нет
Рисунок: нет
| Шрифт: Lucida Bright
Размер: 12
Цвет: оранжевый Расположение: по правому краю
Начертание: курсив
Рисунок: нет
| Шрифт: Verdana
Размер: 11
Цвет: черный Расположение: по ширине
Начертание: нет
Рисунок: изображение, размером 40х40 прижато к правой стороне окна браузера
|
| Шрифт: Bodoni MT
Размер: красный заголовок 3
Цвет: синий Расположение: по центру
Начертание: курсив
Рисунок: нет
| Шрифт: Cambria Math
Размер: заголовок 5
Цвет: синий Расположение: по центру
Начертание: курсив
Рисунок: нет
| Шрифт: Tahoma
Размер: 10
Цвет: желтый Расположение: по правому краю
Начертание: полужирный
Рисунок: изображение, размером 40х40 прижато к левой стороне окна браузера
|
| Шрифт: Broadway
Размер: 10
Цвет: черный Расположение: по ширине
Начертание: нет
Рисунок: нет
| Шрифт: Times New Roman
Размер: 12
Цвет: красный Расположение: по левому краю
Начертание: нет
Рисунок: нет
| Шрифт: Calibri
Размер: 8
Цвет: желтый
Расположение: по правому краю
Начертание: курсив
Рисунок: изображение, размером 45х45 прижато к правой стороне окна браузера
|
| Шрифт: Verdana
Размер: 13
Цвет: зеленый Расположение: по правому краю
Начертание: нет
Рисунок: нет
| Шрифт: Arial
Размер: 16
Цвет: черный Расположение: по правому краю
Начертание: полужирный
Рисунок: изображение, размером 35х35 прижато к левой стороне окна браузера
| Шрифт: Tahoma
Размер: 6
Цвет: синий Расположение: по правому краю
Начертание: нет
Рисунок: нет
|
| Шрифт: Bodoni MT
Размер: 13
Цвет: зеленый Расположение: по левому краю
Начертание: нет
Рисунок: нет
| Шрифт: Forte
Размер: заголовок 3
Цвет: синий Расположение: по левому краю
Начертание: нет
Рисунок: изображение, размером 35х35 в середине окна браузера
| Шрифт: Broadway
Размер: 13
Цвет: серый Расположение: по ширине
Начертание: полужирный
Рисунок: нет
|
| Шрифт: Vivaldi
Размер: 12
Цвет: черный Расположение: по центру
Начертание: подчеркнутый
Рисунок: нет
| Шрифт: Lucida Bright
Размер: заголовок 2
Цвет: фиолетовый Расположение: по ширине
Начертание: полужирный
Рисунок: нет
| Шрифт: Forte
Размер: заголовок 3
Цвет: оранжевый Расположение: по центру
Начертание: нет
Рисунок: изображение, размером 20х20 прижато к левой стороне окна браузера
|
| Шрифт: Verdana
Размер: 12
Цвет: зеленый Расположение: по правому краю
Начертание: зачеркнутый
Рисунок: нет
| Шрифт: Bodoni MT
Размер: 13
Цвет: бирюзовый Расположение: по правому краю
Начертание: курсив
Рисунок: нет
| Шрифт: Times New Roman
Размер: 14
Цвет: оранжевый Расположение: по правому краю синий
Начертание: нет
Рисунок: изображение, размером 32х50 прижато к левой стороне окна браузера
|
| Шрифт: Calibri
Размер: 17
Цвет: бирюзовый Расположение: по центру
Начертание: полужирный
Рисунок: нет
| Шрифт: Arial
Размер: 16
Цвет: красный Расположение: по центру
Начертание: зачеркнутый
Рисунок: изображение, размером 53х67 прижато к правой стороне окна браузера
| Шрифт: Bodoni MT
Размер: 15
Цвет: черный Расположение: по ширине
Начертание: полужирный
Рисунок: нет
|
| Шрифт: Calibri
Размер: 11
Цвет: желтый Расположение: по центру
Начертание: нет
Рисунок: нет
| Шрифт: Arial
Размер: заголовок 6
Цвет: красный Расположение: по правому краю
Начертание: курсив
Рисунок: нет
| Шрифт: Forte
Размер: 10
Цвет: зеленый Расположение: по ширине
Начертание: нет
Рисунок: изображение, размером 23х38 в середине окна браузера
|
| Шрифт: Tahoma
Размер: заголовок 2
Цвет: фиолетовый Расположение: по центру
Начертание: полужирный
Рисунок: изображение, размером 50х50 в середине окна браузера
| Шрифт: Broadway
Размер: 12
Цвет: черный Расположение: по центру
Начертание: курсив
Рисунок: нет
| Шрифт: Forte
Размер:12
Цвет: серый Расположение: по ширине
Начертание: нет
Рисунок: нет
|
Согласно вариантам таблицы 1.2 создать список. Кроме того, разместить его на странице, созданной во второй части. Стиль текста такой же как и основной текст этой части.
1. Что такое HTML-документ?
2. Зачем создают HTML-документы?
3. Что необходимо для создания HTML-документов?
4. Что такое тег?
5. Какие основные теги требуются для создания HTML-документа?
6. Какие теги используются для форматирования текста?
7. Какой тег используют для вставки изображений?
8. В чем основное назначение списка?
9. Какие списки бывают?
10. Какие основные теги используются для создания списка?
11. Как определяются уровни в списке?