Урок 4
ССЫЛКИ
В этом уроке научимся делать ссылки. Ссылки бывают, на внутренние страницы сайта, на определенное место, той же страницы сайта, на сайты в интернете и на Емайл. Ссылки прописываются тегами <a> и </a>, открывающий тег<а> пишется со значением href:
<a href="В этих ковычках пишется путь где лежит страница на которую ведет ссылка">Здесь пишется текст ссылки</a>.Чтобы задать ссылке нужный цвет, в теге<BODY> устанавливаем атрибут LINK="#FFFFFF" - цвет ссылки, атрибутVLINK="#FFFFFF" - цвет посещенной ссылки, атрибут ALINK="#63FFB7" - цвет ссылки при наведении на нее курсора мыши
Если страница лежит в той же папке, то путь прописывается,так как в нашем коде,если же страница лежит в другой папке, например у нас папка называется"Уроки" и в ней лежит несколько страниц сайта - "index.html" , "book.html" , "soft,html" и другие страницы "html" , также в этой папке может находится еще одна папка, допустим, называется "primer", в ней тоже лежат страницы,"1.html", "2.html"и т.д ссылка на эти страницы будет такая: <a href="primer/1.html">Текст ссылки</a>.
Возмем одну из созданных нами в предыдущем уроке виртуальных страничек и пропишем в ней ссылки на другие страницы, Правда, нажав на них, Вы попадете на страницы этого сайта, так как, других созданных страниц у нас нет пока.
Здесь будет название сайта
• Главная <http://www.beluys.com/index.html> • Книги <http://www.beluys.com/book.html> • Программы <http://www.beluys.com/soft.html> • Картинки <http://www.beluys.com/clipart.html> • Уроки <http://www.beluys.com/yrok.html>
Левая колонка Строка для содержимого сайта Правая колонка
Низ сайта
<HTML>
<HEAD>
<TITLE>Построение таблицы - 3</TITLE>
</HEAD>
<BODY link="#FFFFFF" alink="#FF6600" vlink="#FFFFFF" >
<TABLE border=0 cellpadding=0 cellspacing=0>
<TR>
<TD width=400 height=80 bgcolor="#FFCCCC" colspan=3 background="images/az6.jpg" align=center>
Здесь будет название сайта
</TD>
</TR>
<TR>
<TD width=400 height=25 bgcolor="#CC9999" colspan=3>
<a href="index.html">Главная</a>
<a href="book.html">Книги</a>
<a href="soft.html">Программы</a>
<a href="images.html">Картинки</a>
<a href="yrok.html">Уроки</a>
</TD>
</TR>
<TR>
<TD width=100 height=190 bgcolor="#FFCCCC" >Левая колонка</TD>
<TD width=200 height=190 bgcolor="#FCF2EE">Для содержимого</TD>
<TD width=100 height=190 bgcolor="#FFCCCC">Правая колонка</TD>
</TR>
<TR>
<TD width=400 height=25 bgcolor="#CC9999" colspan=3>Низ сайта</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Если нужно сослаться на какой то другой сайт в интернете,то ссылка прописывается так:<a href="http://www.beluys.com"> Перейти на сайт <http://www.beluys.com/yrok3.html></a>. Текст заключенный между тегами <a></a> и будет ссылкой, нажав. на которую, перейдешь на другой сайт. Если надо открыть ссылку в новом окне, то прописывается так: <a href="http://www.beluys.com" target="_blank">
Перейти на сайт <http://www.beluys.com></a>
Ссылкой может быть и картинка, прописывается так:
<a href="страница.html"><img srс="папка,где картинка/имя картинки"></a>.
Подведя курсор к картинке и нажав на нее,вы перейдете на указанную страницу
Сылка на почтовый ящик создается так:
<a href="mailto:ivan@yandex.ru"> пишите на адрес <mailto:ivan@yandex.ru></a>, щелкнув по этой ссылке,откроется почтовая программа, останется только написать текст письма и нажать кнопку "отправить". Не забудте вместо ivan@yandex.ru написать свой адрес.
Следующий урок посвятим работе с текстом
Сайт создан в системе
uCoz