На этой странице мы рассмотрим варианты кодов ссылок. Я буду писать коды относительно этого сайта, а Вам надо будет просто подставить свои адреса, всплывающие подсказки и т.д. Я думаю так будет проще (по крайней мере так было для меня)

Ссылка в рамочке

<a href="http://prograham.jimdo.com" style="border: 2px solid navy; padding: 2px; text-decoration: none;">На главную</a>

Здесь колличество штрих-пунктиров расширяет ссылку до нужных размеров

Ссылка подчеркнутая штрих-пунктиром

<a href="http://prograham.jimdo.com" style="border-bottom: 2px dashed navy; text-decoration: none;">На главную</a>

Текст на фоне

<a href="http://prograham.jimdo.com" style="background:#02BB06; color:black">--ТЕКСТ НА ФОНЕ--</a>

Здесь колличество штрих-пунктира(или точек) расширяет ссылку до нужных размеров. Цвет фона( #02BB06) выбираете сами

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

<a href="http://prograham.jimdo.com" style="text-decoration: none;">ОТМЕНЯЕМ ПОДЧЕРКИВАНИЕ</a>

Текст ссылки, чтобы открылась в новом окне

<a href="http://prograham.jimdo.com" target="_blank">Текст ссылки чтобы окрылась в новом окне</a>

Ссылка на картинку с всплывающей подсказкой

<a href="http://prograham.jimdo.com" title="Пояснительный текст"><img src="http://forum.cxem.net/public/style_images/Payalnik/profile/default_large.png" alt="" /></a>

Здесь можно отредактировать код HTML и посмотреть, что из этого получилось.

Если Вам понравилась страница - поделитесь с друзьями:

Оставить комментарий

Комментарии: 0