Содержание

По всем вопросам обращаться к Владимиру Дубовику

КЛАССНЫЕ ЖУРНАЛЫ

Физика в школе

 

 Уок_2 Уок_3 Уок_4  
Урок2
Тема: ГИПЕРССЫЛКИ

Наша страничка может состоять из нескольких документов. Один из них главный (index.html ) - он открывается первым и должен обязательно лежать на вашем сайте в интернете.

Остальные документы вы можете называть как угодно (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). Они все могут лежать в одной директории (папке), а могут в разных.

Ссылкой на эти другие документы (части нашей страники) может быть текст (фраза,слово), а может быть и картинка.

1.Текстовая ссылка

Для начала создадим папку для нашего будущего проекта. Назовем её "Мой сайт". Для рисунков и фонов создадим в ней папку image, а для рабочих материалов папку text:

Пусть наш сайт состоит из трех страниц, которые называются: index. html, skazka.html, raskaz.html.

Начнем конструировать сайт с главной страницы ( index. html). Для этого наберем следующий текст:

<HTML>
<HEAD>
<TITLE>Домашняя страница Серого Волка</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#babaa0">
<p><h1 aliGN="center">Домашняя страница Серого Волка</h1> </p>
</FONT><FONT SIZE=1><P><BR>
</FONT><B><FONT FACE="Times New Roman">Серый Волк- писатель-авангардист, автор 20 рассказов. <BR>
В жизни большой любитель собак и компьютерных игр.
<BR>
Некоторые его рассказы вы можете прочитать прямо здесь.
</P></FONT></B>
<HR WIDTH="75%">
<FONT FACE="Times New Roman">
<H2 ALIGN="CENTER">ИBAH-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ <BR>
(сказка)
<P ALIGN=CENTER">Hy, погоди!.. <BR>
(мемуары в стихах)
</Р></FONT></H2>
</BODY>
</HTML>
В результате получим страницу следующего вида:

В нашем примере давайте выделим в отдельные файлы вступительный текст и каждый из рассказов. Файл содержащий сказку назовем ivan.html, а мемуары pogodi.html.
<HTML>
<HEAD>
<TITLE>ИBAH-ЦAPEBИЧ И СЕРЫЙ 3AЯЦ.</TITLE>
</HEAD>
<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18" LINK="#634438" VLINK="#634438" ALINK="Black">
<H2 ALIGN="center">ИBAH-ЦAPEBИЧ И СЕРЫЙ ЗАЯЦ<BR> <I>сказка</I></Н2>
<P ALIGN="justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Жил да был Иван-Царевич, и все у него было: и злато-серебро, и невест полный дворец...<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Долго ли, коротко ли ... <BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;И они жили долго и счастливо и умерли в один день. </Р>
<HR WIDTH="75%">
<A href="index.html">Вернуться на главную страницу</A>
</BODY>
</HTML>
Вторая страница будет иметь вид:

Обратите внимание на надпись в нижней части страницы она будет служить гиперссылкой для перехода на главную страницу, ее текст имеет вид:

<А НRЕF="index.html">Вернуться на главную страницу</А>

Для того чтобы сделать гиперссылку с главной страницы на страницу содержащую сказку, добавик в строку: <H2 ALIGN="CENTER">ИBAH-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ <BR> гиперссылку. После чего она должна иметь вид:

<H2 ALIGN="CENTER"><А НRЕF="ivan.htmll"ИBAH-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ </А> <BR>

ПРИМЕЧАНИЕ: Текст и оформление страницы мемуаров придумайте самостоятельно. Объедините все три страницы гиперссылками.
WoWeb.ru - портал для веб-мастера
Hosted by uCoz