HTML - Оформляем ссылки

ССЫЛКИ

3996605_naryshenie_pravil (700x495, 314Kb)

Копируя текст поста у другого автора, или используя другие материалы сторонних ресурсов, необходимо указывать ссылку на авторство материала. Но я не ставлю перед собой цели сделать доклад на тему авторского права, просто это один из случаев, когда нам необходимо добавить в текст поста ссылку. И таких примеров может быть огромное количество. Вот мы с Вами, и обсудим в данном посте, каким образом оформить текстовую ссылку, или click-кательную картинку...

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



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



Всплывающий комментарий к ссылке:
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 можно и так:

http://www.htmate2.com/cursors/images/more3/1-2.ani);"> Помощь по тегам



Ссылка на свой и-мейл: Написать автору 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


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

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




Серия сообщений "Теги HTML":
Часть 1 - Бесплатные библиотеки, огромный выбор.
Часть 2 - В помощь работе с HTML кодами (тегами)
...
Часть 28 - HTML - Таблицы
Часть 29 - HTML - Вставляем в пост изображения
Часть 30 - HTML - Оформляем ссылки
Часть 31 - HTML - Что же это такое?
Часть 32 - Определяемся с Тегами
...
Часть 42 - Латинские буквы с диакритическими знаками - Спецсимволы
Часть 43 - Греческие Алфавит - Спецсимволы
Часть 44 - Таблица HTML - Спецсимволов (просто огромная)
Рубрики:  Советы Любознательному
Дело Техники
Free Online Services
Это, для Вас - Любимые!
OnLine приложения, для дома и офиса

0 коммент.:

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

 
Copyright (c) 2012 - 2014г. by MerlinWebDesigner ©