Ссылка на веб-страницу

На главную страницу

<a href=/>На главную</a>

Чтоб ссылка открылась в новом окне:

На главную

<a href=/ target=_blank>На главную</a>

Всплывающий комментарий к ссылке:

вот

<a href=# target=_blank title='Откроется в новом окне'>текст</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a href=# target=_blank><img src=URL_картинки></a>

Отменить подчеркивание для ссылки:

вот

<a href=# style=text-decoration:none>текст</a>

Сделать текст ссылки обычным, (в данном примере черным) цветом и отменить подчеркивание, по сути скрыть ссылку:

вот

<a href=# style=text-decoration:none;color:black>текст</a>

Подчеркуть ссылку пунктиром:

вот

<a href=# style='border-bottom:2px dashed red;text-decoration:none'>текст</a>

Назначить свой цвет текста ссылки и подчеркивания:

вот

<a href=# target=_blank style=color:green;text-decoration:underline><span style=color:red>текст</span></a>

Обвести рамочкой:

вот

<a href=# style='border:2px solid red;padding:2px;text-decoration:none'>текст</a>

Обвести пунктиром:

вот

<a href=# style='border:2px dashed red;padding:2px;text-decoration:none'>текст</a>

Обвести точками и назначить свой цвет текста:

вот

<a href=# style='border:2px dotted red;padding:2px;text-decoration:none;color:red'>текст</a>

Ссылка с выделенным фоном:

вот

<a href=# style=background:yellow;color:black>ТЕКСТ</a>

Переход к определенной строке на той же странице

1. <a name=#1></a>Нужная строка

2. <a href=#1>Ссылка-переход к нужной строке</a>

Если требуется еще переход, ставим name=#2 и т.д. (удобно для оглавлений на страницах с большим вертикальным скроллингом).

Переход к определенной строке на другой веб-странице, например: так

1 <a name=#1>"Некоторые спецсимволы" на //../..#1</a>

2 <a href='//../..#1'>Некоторые спецсимволы</a>

Переход наверх, в начало страницы: В начало. Не работает при наличии тега base

1 <a href=#top>В начало</a>

2 <a href=#>В начало</a>

Изменение формы курсора для отдельной ссылки:

Помощь по тегам

<a href=# style=cursor:help>Помощь по тегам</a>

В Internet Explorer можно и так:

Помощь по тегам

<a href=# style='cursor:url(/)'>Помощь по тегам</a>

Ссылка на e-мейл:

<a href=mailto:1@2.ru>Написать на e-mail</a>

Список ссылок:

Код:

<li><a href=#>ссылка 1</a>

<li><a href=#>ссылка 2</a>

<li><a href=#>ссылка 3</a>

<li><a href=#>ссылка 4</a>

<li><a href=#>ссылка 5</a>

</li>

вместо # ставим свои линки, в виде http://podolsk.xp3.biz/

Эффект подсветки ссылки (наведите курсор на текст):

В некоторых сервисах может не работать.

Это очень интересная ссылка

<a href=#><font onmouseover='style.backgroundColor=pink;style.cursor=hand'onMouseOut='style.backgroundColor=silver'>ТЕКСТ ССЫЛКИ</font></a>