Ссылки

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


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


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


Чтобы картинка была ссылкой на веб-страницу:
Связкой «картинка-ссылка» делается большинство кнопок на сайтах.


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


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

htmlka.com


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


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


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

htmlka.com


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

htmlka.com


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

htmlka.com


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

htmlka.com


Переход к определенной строке на той же странице (работает только в IE), например: «Всем читать Отменить подчеркивание для ссылки»

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


Переход к определенной строке на другой веб-странице (работает только в IE), например: «Узнать про Некоторые спецсимволы»

1.
2.


Переход наверх, в начало страницы (работает только в IE): В начало


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

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


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

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


Ссылка на свой и-мейл: Написать автору htmlka.com


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

link one
link two
link three
link four
link five

Код:

<ul>
<li><a href="#">link one</a></li>
<li><a href="#">link two</a></li>
<li><a href="#">link three</a></li>
<li><a href="#">link four</a></li>
<li><a href="#">link five</a></li>
</ul>

вместо # ставим свои линки, в виде http://htmlka.com


Эффект подсветки ссылки (наведите курсор на текст):
В некоторых блогсервисах может не работать

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


В начало ↑

Leave a Reply