Задание для самостоятельного выполнения
Необходимо создать 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. Как определяются уровни в списке?