Урок шестой

Создаем ссылки

Веб-страница без ссылок - это изолированный остров. Если ее кто-нибудь посетит, он не сможет оттуда попасть на другие острова-страницы. Если в ваши планы не входит превращать людей в Робинзонов, хорошо бы сослаться на несколько других страниц в WWW. Тогда вы тоже примете участие в плетении всемирной паутины. Уже было показано, как интегрировать в веб-страницу графические изображения, пиктограммы и фоновую графику. Теперь настало время сделать следующий шаг и научиться ссылаться на другие веб-страницы.

Для создания ссылок на другие страницы вашего сайта, или ссылок на другие страницы сайта используется парный тег <a> с параметром, где указывается куда будет произведен переход в случае нажатия на ссылку.

В параметре может быть указан переход как на какой-то сайт, так и на отдельную страницу сайта. Если указана только страница - то эта страница должна находиться на вашем сайте.

Разберем на примерах.

Вот как выглядит ссылка для внешней страницы:

<a href="http://vlamikha.narod.ru/index.html">Сайт о сайтах </a>

Так выглядит ссылка на внутренние страницы нашего сайта:
<a href="01.html"> Персональная страница Горбункова Семена Семеновича </a>

В параметре href= мы написали адрес страницы, а между тегами <a> и </a> мы должны написать текст, нажав на который произойдет переход по ссылке.

Вместо текста может быть любая картинка. Тогда нажав на картинку, также будет сделан переход по ссылке.

Вернемся к нашему предыдущему примеру и добавим ссылки на наш сайт.

<html>
<head>
<title>Моя первая web страница </title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=windows-1251">
</head>
<body bgcolor="#00CCFF" text="#FFFF00">
<center>
<h1>Персональная страница Горбункова Семена Семеновича </h1>
</center>
<hr>
Это моя первая страничка. Продолжаю над ней работать.
<hr noshade>
 Я освою Web дизайн и создам свой сайт!
 
Я хочу научиться 
<dd>создавать сайты
<dd>размещать их в интернете
<dd>веб дизайну
<dd> веб графике 
<img src="images/sv1.gif" width="553" height="468" alt="Сайт о сайтах">
<hr size="5">
 
Абзац начинается с новой строки и является
элементом документа
<a href="http://vlamikha.narod.ru/index.html>Сайт о сайтах </a>
</body>
</html>

Теперь наша страница будет выглядеть ТАК.

Следующий урок смотрите ЗДЕСЬ