Задание для самостоятельного выполнения

Необходимо создать HMTL-документ. Такой HTML-документ состоит из трех частей, содержащих законченный текст и представляющих отдельный абзац. Шрифт, начертание, размер, расположение и цвет текста, а также рисунка определены вариантом задания, представленного в таблице 1.1. Все размеры указаны в пикселях.

Таблица 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.2. Варианты лабораторной работы

Задание
С маркером ·
Тип нумерации: 1.
Тип нумерации: А.
С маркером °
Тип нумерации: а.
Тип нумерации (вложенный список): 1.а.
Тип нумерации (вложенный список): 1.1.
Тип нумерации: 1)
С маркером ▪
Тип нумерации: А)
Тип нумерации (вложенный список): 1)а)
Тип нумерации (вложенный список): 1. А)

Контрольные вопросы

1. Что такое HTML-документ?

2. Зачем создают HTML-документы?

3. Что необходимо для создания HTML-документов?

4. Что такое тег?

5. Какие основные теги требуются для создания HTML-документа?

6. Какие теги используются для форматирования текста?

7. Какой тег используют для вставки изображений?

8. В чем основное назначение списка?

9. Какие списки бывают?

10. Какие основные теги используются для создания списка?

11. Как определяются уровни в списке?

Наши рекомендации