Веб-мастеру

При клике по данной ссылке загружается программа Skype (если она, конечно, установлена):
пример: Perkoka.ru

   <a href="skype:perkoka.ru?chat" title="skype: chat with me">Perkoka.ru</a>

параметры:

• chat - открывается окно чата
• call - позвонить

при клике загружается программа ICQ (если она, конечно, установлена):

пример: 198-325-166

   <a href="http://web.icq.com/whitepages/message_me/1,,,00.icq?uin=198325166&action=message" title="ссылка на ICQ">198-325-166</a>

параметры:

• action
  • message - написать сообщение
  • add - добавить в список контактов

---

при клике загружается страница абонента с сайта icq.com, с которой вы сможете послать сообщение:

пример: 198-325-166

   <a href="http://wwp.icq.com/scripts/search.dll?to=198325166" title="ссылка на ICQ" target="_blank">198-325-166</a>

---

отображение состояния активности абонента:

   <img src="http://status.icq.com/online.gif?web=198325166&img=5&rand=38515" alt="статус абонента 198-325-166" class="icon" />

При клике загружается почтовая программа с заполненными полями

пример: admin@perkoka.ru

   <a href="mailto:admin@perkoka.ru?subject=Тема_сообщения&body=Текст_сообшения&cc=copy@perkoka.ru&bcc=hidden@perkoka.ru" title="пример почтовой гиперссылки">admin@perkoka.ru</a>

параметры:

• subject - тема сообщения
• body - текст сообщения
• cc - копия
• bcc - скрытая копия

средствами HTML:

   <meta http-equiv="refresh" content="15; url=http://perkoka.ru/">

параметры:

• content - время, в секундах, через которое произойдёт переход
• url - адрес, на который произойдёт переход

---

средствами PHP:

<?
header("Request-URI: index.php");
header("Content-Location: index.php");
header("Location: index.php");
?>

---

средствами JavaScript:

<script type="text/javascript">
   document.location.href = "index.php";
</script>

пример:
назад обновить вперёд

<a href="javascript:history.go(-1);">назад</a>
<a href="javascript:location.reload();">обновить</a>
<a href="javascript:history.go(1);">вперёд</a>

пример: Perkoka.ru

   <a href="http://perkoka.ru/" onmouseover="window.status='текст, который вы хотите видеть'; return true" onmouseout="window.status=''; return true">Perkoka.ru</a>

поддержка браузеров: Internet Explorer все версии

При клике по ссылке открывается диалоговое окно вашего принтера
пример: версия для печати

   <a href="/print.php" rel="nofollow" onclick="window.print(); return false">версия для печати</a>

пример: сделать стартовой

   <a href="http://perkoka.ru" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage(this); return false;">сделать стартовой</a>

поддержка браузеров: Internet Explorer все версии

пример 1: добавить в избранное

   <a href="http://perkoka.ru/" onclick="window.external.addFavorite(this, 'Perkoka.ru - Всё для создания веб-сайта'); return false;">добавить в избранное</a>

пример 2: добавить в избранное

   <a href="javascript: window.external.AddFavorite (window.document.location, window.document.title)">добавить в избранное</a>

поддержка браузеров: Internet Explorer все версии

пример:

отправить данные формы

<form action="" method="get" name="link">
   <input name="link_submit" type="hidden" value="1" />
</form>

<a href="http://perkoka.ru/" onclick="document.link.submit(); return false">отправить данные формы</a>

Карты изображений - это способ сделать различные части одного графического изображения гиперссылками (они позволяют выделить отдельные области изображения и определить для каждой из них свое действие) пример использования:

<img src="clock.jpg" width="200" height="149" usemap="#clock" alt="" class="left" />
<map name="clock">
   <area shape="circle" coords="68,102,54" href="http://perkoka.ru/" alt="это часы" title="это часы" />
   <area shape="poly" coords="101,22,111,42,177,58,193,41,101,23" href="http://perkoka.ru/web/" alt="это самолёт" title="это самолёт" />
   <area shape="poly" coords="22,17,1,63,1,86,41,49,92,43,73,7,21,17,21,17" href="http://perkoka.ru/web/web.php" alt="это дома" title="это дома" />
</map>

параметры:

• shape - описывает форму выделяемой области
  • circle - круг
  • rect - прямоугольник
  • poly - многоугольник
• coords - координаты, определяющие размеры и положение области на изображении (все координаты отсчитываются в пикселях от левого верхнего угла изображения - количество и порядок значений зависит от значения аттрибута shape)
  • circle - центр-X, центр-Y, радиус (т.е. горизонтальная и вертикальная координаты центра круга и радиус)
  • rect - левый-X, верхний-Y, правый-X, нижний-Y (т.е. сначала координаты левого верхнего угла, затем правого нижнего)
  • poly - X1, Y1, X2, Y2, ..., Xn, Yn (просто перечисляются координаты всех вершин многоугольника)
• nohref - определяет, что данной области не соответствует никакая ссылка (например, если вы хотите сделать ссылку не в виде круга, а в виде кольца)

Метки потребуются, когда надо перейти по ссылке не в начало файла, а на конкретное место в документе

сначала ставим метки в документе:

   <a name="начало третьего раздела"> </a>

потом создаём ссылку на эту метку:

<!-- метка находится в этом же файле -->
<a href="#начало третьего раздела">раздел 3</a>

<!-- метка расположена в другом файле -->
<a href="file.html#начало третьего раздела">раздел 3</a>

параметры name и href не протеворечат друг другу и могут жить в одном теге

<!-- ссылка на файл file.html, а также и метка 3, на которую можно ссылаться -->
<a href="file.html" name="3">ссылка</a>

<!-- ссылка на метку 2 в данном файле и метка 3 -->
<a href="#2" name="3">ссылка</a>

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

   <a href="#примечание 1" name="возврат 1">см. примечание 1</a>

а после примечания, пишите:

   <a href="#возврат 1" name="примечание 1">вернуться</a>

первая строка отсылает к примечанию, а вторая - возвращает обратно к тексту

пример: Perkoka.ru

   <a href="http://perkoka.ru/" onclick="window.open(this, 'new', 'width=900, height=600, scrollbars=1'); return false">Perkoka.ru</a>

параметры:

• this - переход по ссылке указанной в href="..."
• new - имя создаваемого окна
• параметры создаваемого окна:
  • width (height) - ширина (высота) создаваемого окна
  • toolbar - панель инструментов (значения: 0 (no) - не отображать; 1 (yes) - отображать)
  • location - строка адреса
  • directories - ссылки
  • status - статусная строка
  • menubar - панель меню
  • scrollbars - скроллинг
  • resizable - возможность изменять размеры окна