Создание документа HTML в текстовом редакторе Блокнот
Для того чтобы создать документ HTML в текстовом редакторе Блокнот необходимо выполнить следующие действия:
1. Запустить текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).
2. Создать типовую структуру HTML - документа и ввести текст.
Рис. 1. Создание HTML - документа в текстовом редакторе Блокнот
3. Сохранить этот документ. При сохранении в качестве типа файла укажите «все файлы», в качестве имени файла first.html.
4. Закрыть блокнот. Найти файл first.html и открыть его с помощью интернет-браузера.
Рис. 2. Иллюстрация документа в интернет-браузере.
Порядок выполнения работы
1. Создать, используя только тэги структуры, текстовый html-документ. Сохранить этот документ под любым именем с расширением .html в папке HTML. Открыть документ в окне браузера и посмотреть, как он будет отформатирован.
2. Форматирование текста выполнить согласно номеру своего варианта.
3. Оформить отчет по лабораторной работе, который должен содержать: титульный лист и экранные формы, демонстрирующие выполнение работы.
Таблица 2
| № ва-ри-анта | Форматирование текста документа | |||
| Заголовок страницы | Цвет фона | Кол-во абза-цев* | Список | |
| выровнять по центру, полужирный шрифт, тип – Cooper Std Black | аqua | три | маркированный, три компонента | |
| выровнять по центру, полужирный шрифт, тип – Cooper Std Black | black | три | маркированный, три компонента | |
| выровнять по центру, полужирный шрифт, тип – Cooper Std Black | blue | четыре | маркированный, три компонента | |
| выровнять по центру, жирный шрифт, тип– Times, цвет – синий | fuchsia | два | маркированный, три компонента | |
| выровнять по центру, жирный шрифт, тип– Times, цвет – синий | gray | два | маркированный, четыре компонента | |
| выровнять по правому краю, жирный шрифт, тип– Times, цвет – синий | green | два | маркированный, четыре компонента |
Окончание таблицы 2
| выровнять по центру, жирный шрифт, тип – Arial, цвет - зеленый | lime | четыре | нумерованный, два компонента | |
| выровнять по центру, курсивный шрифт, тип – Arial, цвет - зеленый | maroon | три | нумерованный, два компонента | |
| выровнять по центру, полужирный шрифт, тип – Arial, цвет - зеленый | navy | три | нумерованный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Tahoma, цвет - черный | olive | четыре | нумерованный, два компонента | |
| выровнять по центру, курсивный шрифт, тип – Tahoma, цвет - черный | purple | два | нумерованный, четыре компонента | |
| выровнять по центру, курсивный шрифт, тип – Arial, цвет - черный | red | два | нумерованный, четыре компонента | |
| выровнять по центру, курсивный шрифт, тип – Candara, подчеркивание | silver | четыре | маркированный, два компонента | |
| выровнять по центру, курсивный шрифт, тип – Candara, подчеркивание | teal | три | маркированный, три компонента | |
| выровнять по правому краю, курсивный шрифт, тип – Candara, подчеркивание | white | три | маркированный, три компонента | |
| выровнять по правому краю, курсивный шрифт, тип – Candara, подчеркивание | yellow | три | нумерованный, два компонента | |
| выровнять по правому краю, жирный шрифт, тип – Arial, подчеркивание | navy | три | маркированный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Arial, цвет - красный | olive | два | нумерованный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Cooper Std Black | purple | четыре | маркированный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Tahoma, подчеркивание | green | три | нумерованный, два компонента | |
| выровнять по центру, курсивный шрифт, тип – Arial, цвет - красный | lime | два | маркированный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Cooper Std Black | maroon | четыре | нумерованный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Latha, цвет - синий | navy | три | маркированный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Tahoma, цвет - синий | olive | три | нумерованный, два компонента | |
| выровнять по центру, курсивный шрифт, тип – Tahoma, цвет - синий | purple | три | маркированный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Latha, цвет - синий | red | четыре | нумерованный, три компонента | |
| выровнять по центру, курсивный шрифт, тип – Latha, цвет - красный | silver | четыре | нумерованный, два компонента | |
| выровнять по центру, курсивный шрифт, тип – Latha, цвет - зеленый | green | четыре | нумерованный, два компонента |
Примечания *- Цвета текста в абзацах, типы и размер шрифта должны быть различными. Выравнивание абзацев привести по разным краям документа.
Лабораторная работа №2
«Оформление HTML документа. Использование графики. Создание таблиц в HTML»
Цель работы
Изучить основные тэги, предназначенные для создания таблиц в html-документе, вставки изображений в html-документ и для их преобразования.
Оформление HTML-документа