«Урок Практическая работа «Гипертекст»

Практическая работа
Тема: «Гипертекст»

1. Переход внутри одного документа
Для задания гипертекстового перехода внутри документа используют два команды . Первая команда с атрибутом href является источником перехода, вторая с атрибутом name – приемником
Общий вид программы
Комментарий


href=# метка >текст



name=# метка >


Задание перехода по метке.
На экран выводится ссылка: текст


Метка. Сюда браузер приходит по ссылке.
На экране ничего не отображается


2. Переход к другому документу (файлу)
Для того, чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды с атрибутом href=имя файла
Общий вид программы
Комментарий


href=имя файла>текст

При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле «имя_файла»

Выполнить файл «имя_файла»
На экран выводится ссылка: текст


Пример
Документ 1. Программа задана в файле doc1.htm, ссылка настроена на файл doc2.htm
Документ 2. На него ссылается документ1.
Программа документа1 (файл doc1.htm)


content=”text/html; charset=windows-1251”>
Бармаглот


Бармаглот




Угадай, откуда взяты эти стихи:



Варкалось. Хливие шорьки

Пырялись по наве

И хрюкотали зелюки

Как мюмзики в мове



Отгадка



Программа документа 2 (файл doc2.htm)


content=”text/html; charset=windows-1251”>
Отгадка Бармаглота


Отгадка Бармаглота





Конечно, это знаменитые стихи Л. Кэрролла из книги
»Алиса в Зазеркалье» в переводе Д.Г. Орловской.


А вот как они звучат в переводе В.Л. Орла:

Умзара Зум



Сверкалось Скойкие сюды

Волчились у развел

Дрожали в лужасе грозды,

И крюх засвиривел.


Эти два метода можно объединить и передать управление из одного документа к метке внутри другого.
Общий вид программы
Комментарий

Первый HTML-файл

текст

Второй HTML-файл



Приступить к по
·казу фрагмента с меткой «метка» в файле «имя_файла».
При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле «имя_файла», начиная с фрагмента с меткой «метка».


Пример.
Документ 3.
Программа задана в файле doc3.htm.
После того как пользователь щелкает по ссылке «Гимназисты за ним», браузер загружает документ doc4.htm и устанавливает окно по метке 3.
Программа документа 3. (файл doc3.htm)


content=”text/html; charset=windows-1251”>
Крокодил



Крокодил


Корней Чуковский





Содержание


Часть первая


  1. Жил да был
  2. А за ним-то народ
  3. Гимназисты за ним



Программа документа 4 (файл doc4.htm)



content=”text/html; charset=windows-1251”>
Крокодил




1
Жил да был
Крокодил.
Он по улицам ходил, папиросы курил,
По-турецки говорил, –
Крокодил, Крокодил Крокодилович!

2
А за ним-то народ
И поет и реет:
«Вот урод так урод!
Что за нос, что за рот!
И откуда такое чудовище?»
<3- -Первая метка- ->
3
Гимназисты за ним,
Трубочисты за ним, и толкают его,
Обижают его;
И какой-то малыш
Показал ему шиш, и какой-то барбос
Укусил его в нос,–
Нехороший барбос, невоспитанный.


Самостоятельная работа на ПК.
Создайте справочник в виде одного HTML-файла. Документ должен начинаться с оглавления, содержащего ссылки. Далее должна располагаться справочная информация с метками.
13PAGE 15


13PAGE 14315





Приложенные файлы


Добавить комментарий