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