Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Ссылки.

Ступенька 13 - "Ссылка и как с нею бороться".

Ваш сайт может состоять из нескольких документов. Один из них главный (index.html) - он открывается первым. Остальные документы вы можете называть как угодно (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). Они все могут лежать в одной директории (папке), а могут в разных. При помощи ссылок мы связываем эти документы. Ссылкой может быть текст (фраза, слово), а может быть и картинка. На этой ступеньке мы рассмотрим только текстовую ссылку.

Для начала создадим новый документ. К примеру, содержащий услуги нашей фирмы:

    <html>
    <head>
    <title> Услуги компании</title>
    </head>
    <body text=yellow bgcolor="#000000">
    <h2>
    <p align="center" > <font color="white "> Услуги компании </font>
    </p>
    </h2>
    <ul type="square">
    <li>Продажа компьютеров
    <li>Ремонт компьютерной техники
    <li>Продажа комплектующих для компьютеров
    <li>Разработка программ на заказ
    <li>Продажа готовых программных продуктов
    <li>Установка и настройка сетей
    </ul>
    </font>
    </body>
    </html>     посмотреть
Теперь необходимо сделать ссылку на эту страницу с нашей главной страницы. Проделать это возможно с помощью тэга <a href="*.html"> текст ссылки</a>, - этот тэг делает ссылкой заключенную в него картинку или фразу (текст).

Принципы прописывания путей к документам:

  1. <a href="*.html">текст ссылки</a> - документ лежит в той же директории (папке), что и документ, в котором мы ссылаемся
  2. <a href="http://www.homepage.ru/*.html">текст ссылки</a> - мы ссылаемся на сайт http://www.homepage.ru, где лежит нужный нам документ.
Первый пример отображает относительный путь, а второй – абсолютный, т.е. указанный полностью, включая имя сайта (в нашем случае - http://www.homepage.ru/). Абсолютный путь мы используем, когда ссылаемся на чужие странички, а относительный - при использовании ссылок на документы внутри нашего сайта.

Как и цвет для всего текста в документе, так и цвета всех ссылок прописывается в тэге <body>:

  • link - цвет просто ссылки,
  • alink - цвет активной ссылки (нажатой),
  • vlink - цвет уже посещенной ссылки.
Сделаем в нашем примере ссылку на услуги фирмы через слово "обеспечим" с применением следующих цветов: цвет для просто ссылки - синий, цвет для активной ссылки -фиолетовый, цвет для посещенной ссылки - белый.
    <html>
    <head>
    <title>Компания News computers</title>
    </head>
    <body text=red bgcolor="#000000" background="foil.jpg" link=blue alink=purple vlink=white >
    <h2>
    <p align="center" > Компания
    <font color="green"> News computers </font>
    </p>
    </h2>
    <font size="+1" face="alial">
    <b>
    <i>
    <img src="computer.gif" align="left" hspace="30" vspace="5" alt=" компьютерная фирма">
    Мы < A HREF="service.html"> обеспечим </A> вас компьютерами и программным обеспечением на любой вкус.
    <br clear="Left">
    Обращайтесь к нам
    </i>
    </b>
    </font>
    </body>
    </html>     посмотреть

[ Назад: Ступенька 12-ая ] [ Далее: Ступенька 14-ая ]