Создание документа 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-документа