Гиперссылки в пределах сайта
Теперь рассмотрим другой случай. Обычно бывает целесообразно разместить разные логические фрагменты текста в разных файлах (особенно если они большие). Тогда время загрузки каждого из них намного уменьшится, и если пользователю необходимо прочитать какой-нибудь один фрагмент (например рассказ “ Молоток ”), то ему не надо будет для этого дожидаться загрузки всего текста, расположенного выше.
В нашем примере давайте выделим в отдельные файлы вступительный текст и каждый из рассказов. Основной файл назовем sergeev.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Домашняя страница Сергея Cepreeвa</TITLE>
</HEAD>
<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438" VLINK="#634438" ALINK="Black'">
<H1><DIV ALIGN="center">Дoмaшняя страница Сергея Cepreeaa</DIV> </H1>
<DIV ALIGN="center"><A HREF="skazka.html">CKА3KА «ИBАH- царевич и серый зaяц»</A>
<A HREF="rasskaz.html">Paccкaз «Moлоток »</A></DIV> <BR>
<FONT SIZE="+l"><B>Cepгeй Сергеев</В> - писатель-авангардист, автор 20 рассказов.<BR>
В жизни большой любитель собак и компьютерных игр.<ВR><ВR>
Некоторые его рассказы вы можете прочитать прямо здесь.<BR> </FONT>
<HR WIDTH="75%"> </BODY> </HTML>
Затем создадим файл первого рассказа. Назовем его skazka.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>
<TITLE>ИBAH-ЦAPEBИЧ И СЕРЫЙ 3AЯЦ,</TITLE>
</HEAD>
<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438" VLINK="#634438" ALINK="Black">
<H2XP ALIGN="center">ИBAH-ЦAPEBИЧ И СЕРЫЙ ЗАЯЦ<ВR> <I>сказка</I></Р></Н2>
<Р ALIGN="right"XFONT SIZE="-l">Hy, погоди!.. <BR> <I> (Из мультфильма) </I></FONT></P>
<Р ALIGN="justify"> Жил да был Иван-Царевич, и все у него было: и злато-серебро, и невест полный дворец...<BR>
Долго ли, коротко ли ... <BR>
И они жили долго и счастливо и умерли в один день. </Р>
<HR WIDTH="75%"> <А НRЕF="sergeev.html">Вернуться на главную страницу</А>
</BODY>
</HTML>
И, наконец, создадим файл второго рассказа, rasskaz.html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>MOЛOTOK</TITLE>
</HEAD>
<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438
"
VLINK="#634438" ALINK="Black">
<H2XP ALIGN="center">MOЛOTOK<BR> <i>рассказ</i></Р></Н2>
<P ALIGN="right"><FONT SIZE="-l">Mы кузнецы, и дух наш молод. <BR><I> (Из песни) </I></FONT></P>
<Р ALIGN="justify"> Это случилось очень давно, уж и не помню в каком году, в каком веке и в каком тысячелетии... (Здесь располагается текст рассказа) </Р>
<HR WIDTH="75%"> <А НREF="sergeev.htm1">Вернуться на главную страницу</А>
</BODY>
</HTML>
Как видите, чтобы установить гиперссылку на другой файл, необходимо в качестве значения атрибута HREF= указать имя этого файла:
<A HREF="skazka.html">Cкaзкa «Иван-царевич и серый зaяц»</A>
В этом случае при щелчке мыши на гиперссылке в окно броузера загрузится соответствующий файл.Этот файл должен быть расположен в той же папке, что и исходный. Поскольку после щелчка на гиперссылке и загрузки файла с рассказом пользователь уходит с основной страницы, хорошим тоном будет дать ему возможность вернуться обратно. Для этого
в нашем примере в конце каждого файла с рассказом мы поместили гиперссылку
<А НRЕF="sergeev.html">Вернуться на главную страницу</А>
Она ведет обратно на главную страницу. Конечно, если этого не сделать, пользователь, скорее всего, сможет вернуться обратно, нажав в броузере кнопку Back (Назад). Однако в этом случае большинство читателей все равно обратят внимание на отсутствие обратной гиперссылки, и от этого у них останется не самое приятное впечатление.