Указания к выполнению

1. Создайте на диске отдельную директорию (папку) для будущей страницы. D: \первые шаги\

2. Откроите текстовый редактор Блокнот (notepad) и наберите в нем структуру HTML-документа, которая приведена в примере 1:

3. Сохраните этот документ, присвоив ему имя *.html

Например: D: \первые шаги\index.html

4. Откройте с помощью Internet Explorer ваш документ (не закрывайте блокнот, он нам еще пригодится).

Если вы что-то изменили в вашем *.html документе (в Блокноте), то, не забудьте сохранить изменения, а чтобы посмотреть как это выглядит в Internet Explorer, надо нажать в Internet Explorer кнопку ОБНОВИТЬ (тоже самое касается других браузеров).

Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.

1. Вернитесь к сохраненному в Блокноте файлу.
2. Внесите в него следующие изменения: пусть это будет ваша первая страничка. Укажите в ней ваши фамилию, имя, ФИО родителей, братьев и сестер, свои увлечения. Используйте для этого форматирование абзацев.
3. В строке < title> укажите: " Домашняя страничка (ваше имя и фамилия)".
4. Сохраните файл как page2.htm.
5. Просмотрите результат в браузере, при необходимости отредактируйте файл при помощи Блокнота.

 

 

10. Выполните задание согласно варианта

 

№ варианта	Задание
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гипертекста.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гиперссылки.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие скрипта или сценария.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие элемента.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие тэга.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие атрибута.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие фрейма и браузера.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гипертекста.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие гиперссылки.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие скрипта или сценария.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие элемента.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие тэга.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие атрибута.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие фрейма и браузера.
	Создайте новую Web–страницу в текстовом редакторе Блокнот. Укажите Ваше ФИО, ФИО ваших родителей, бабушек, дедушек, сестёр и братьев. Написать основное понятие скрипта или сценария.

 

 

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

1. Охарактеризуйте язык тегов HTML.

2. Какова структура HTML-документов.

3. Перечислите обязательные метки и охарактеризуйте их.

4. Дайте определения следующих понятий: гипертекст, гиперссылка, Web-сайт, URL-адрес в Интернете, фрейм апплет скрипт, браузер элемент, тэг, атрибут.

 

Лабораторная работа № 2.
Форматирование текста.

Цель: познакомиться с основами HTML, обязательными метками, & -последовательностями, комментариями, способами форматирования текста (шрифта и абзаца), физическими и логическими стилями, горизонтальными линиями.

 

Текст – единственный объект Web-страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные.

Для форматирования текста существует большое количество элементов. Форматировать текст можно с помощью традиционных элементов: выделять фрагменты курсивом, полужирным шрифтом, выбирать шрифт, размер и цвет шрифта, выравнивать текстовые фрагменты. Если автору не хватает простых вариантов форматирования текста, он может прибегнуть к таблицам стилей, которые существенно расширят возможности языка HTML по форматированию.

Рассмотрим стандартные элементы языка HTML, позволяющие форматировать текст.