6 Контрольные вопросы
6.1 Какие виды стилей применяются в HTML документах?
6.2 Как задать физический стиль?
6.3 Как задать логический стиль?
6.4 Как задать цвет текста?
6.5. Как задать размер текста?
6.6. Как задать нумерованный список?
6.7. Как задать ненумерованный список?
6.8. Как задать длину, толщину и цвет линии?
6.9. Как задать выравнивание текста и линии?
Практическое занятие №22 "Создание гиперссылок между HTML-страницами"
Тема "Создание сайта"
1 Цель работы
Ознакомиться с методами связывания HTML-документов и перемещения между ними путем использования гиперссылок
2 Задачи работы
Научиться создавать гиперссылки для перемещения между HTML-документами.
3 Порядок выполнения работы
3.1. На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией, в которой будет создаваться отчет по практической работе.
3.2. Прочтите раздел 5 "Теоретические положения".
3.3. Создайте в блокноте файлы Zagadka.htm и Otgadka.htm. Внутри файла Zagadka.htm будут размещены загадки. Внутри файла Otgadka.htm будут размещены ответы на загадки.
3.4. Внутри этих файлов создайте структуры HTML-документов, т.е.:
<HTML>
<HEAD><TITLE>Заголовок документа</TITLE></HEAD>
<BODY>
Содержание документа
</BODY>
</HTML>
В качестве заголовка документа в теге <TITLE> для файла Zagadka.htm примените
<TITLE>Загадка</TITLE>,
а для файла Otgadka.htm, соответственно,
<TITLE>Отгадка</TITLE>.
3.5. Поскольку загадки и отгадки размещены в разных файлах, то чтобы увидеть ответ на загадку, внутри файла Zagadka.htm создайте гиперссылку на файл Otgadka.htm. Гиперссылку сделайте в виде текста "Смотри отгадку", по которой достаточно щелкнуть мышкой, в результате чего будет произведен переход в файл Otgadka.htm (рис. 3.1).
Рис. 3.1. Схема перехода по гиперссылке из файла Zagadka.htm в файл Otgadka.htm
3.6. Откройте в блокноте файл Zagadka.htm. После тега BODY, в зоне содержимого документа, введите следующий текст (рис. 3.1):
Загадка №1.<BR>
Когда нужно – его бросают<BR>
Когда не нужно – поднимают<BR>
Смотри отгадку
3.7. Создайте гиперссылку из фразы «Смотри отгадку» на документ Otgadka.htm. В результате цвет текста изменится и станет подчеркнутым в следующем виде Смотри отгадку.
3.8. Откройте в блокноте файл Otgadka.htm. После тега BODY, в зоне содержимого документа, введите следующий текст:
Ответ на загадку №1.<BR>
Якорь.<BR>
3.9. Сохраните результаты в обоих файлах.
3.10. Откройте в браузере файл Zagadka.htm. Если все сделано правильно, то в окне браузера появится текст загадки и гиперссылка.
3.11. Щелкните в окне браузера по гиперссылке и в браузере откроется новое окно с содержимым файла Otgadka.htm.
3.12. В файле Otgadka.htm аналогично создайте гиперссылку Вернуться к загадкам на файл Zagadka.htm (рис. 3.2). Сохраните результат.
Рис. 3.2. Схема перехода по гиперссылке из файла Otgadka.htm в файл Zagadka.htm
3.11. Откройте в браузере окно с содержимым файла Otgadka.htm, обновите окно. В результате появится гиперссылка Вернуться к загадкам. Щелкните по гиперссылке и если все сделано правильно, то произойдет перемещение в окно файла Zagadka.htm.
3.12. Самостоятельно введите две загадки и отгадки в соответствующие файлы и создайте необходимые гиперссылки.
3.13. Отформатируйте тексты файлов, чтобы HTML страницы были красивыми и цветными.
3.7. В текстовом процессоре Word оформить отчет по практической работе.