Совет 1: Как выделить ссылку

Многие интернет-сайты содержат ссылки, перенаправляющие пользователей на другие странички. При работе в текстовом редакторе также существует возможность их вставлять. Чтобы привлечь внимание и сделать ссылку заметной, применяется ее выделение — цветом или измененным шрифтом.
Вам понадобится
  • - таблица html-кодов цветов;
  • - html-теги.
Инструкция
1
Сделайте выделение цветом на интернет-сайте. В HTML-кодах используйте схему <a href=”ссылка”><font color="цвет">текст</font></a>. Для BB-кода примените схему [url=ссылка][color=цвет]текст[/color][/url].Сохраните изменения.
2
Придайте ссылке другой цвет в документе. Сначала создайте ее, нажав «Вставка» → «Гиперссылка». Введите в поле «Адрес» путь на страницу в интернете, в поле «Текст» пропишите название. Нажмите «Применить». Затем измените цвет, выделив ссылку и выбрав нужный вам цвет из палитры на панели инструментов. После окончания форматирования сохраните изменения в документе.
3
Используйте курсив. На сайте в поле редактирования вставьте тег [i] (<i>) перед ссылкой и [/i] (</i>) после. В текстовом редакторе нажмите на наклоненную букву «К» в панели инструментов, выделив ссылку. Сохраните документ или сообщение на сайте.
4
Примените полужирный шрифт. Для этого выделите ссылку в текстовом редакторе и нажмите «Ж». В интернете вставьте ссылку между тегами [b][/b] (<b></b>). Сохраните.
5
Измените цвет фона. Переключитесь на редактирование HTML на интернет-сайте или откройте документ в текстовом редакторе. Создайте ссылку и выделите ее. Наведите курсор на кнопку «ab» с цветной полоской под ней (по умолчанию желтой). Появится подсказка «Выделение цветом». Нажмите на нее и выберите цвет фона. Нажмите, и фон ссылки изменится. Эта схема работает и для текстовых редакторов.
6
Если необходимо не украсить, а выделить ссылку как текст, установите курсор мыши там, где она кончается. Зажмите левую кнопку мыши и потяните влево. Отпустите ее, когда вся ссылка будет выделена. Ее цвет изменится на белый, а сама ссылка будет на синем фоне. Скопируйте, если это требуется.

Совет 2: Как выделить активную ссылку

Навигация на сайте обеспечивается посредством ссылок. А их выделение, привязанное к определенному состоянию, служит элементом дизайна и позволяет создать красивый эффект.
Инструкция
1
Ссылки задаются тегами <a> и </a>. Их нужно прописывать в поле <body>. Можно, в принципе, воспользоваться инструментами на панели управления, однако для создания разнообразных эффектов потребуется вносить изменения в код. За цвет активной ссылки отвечает атрибут alink, посещенной – vlink. В формате html это отображается так:<html><head>      <title>Название вкладки</title></head><body alink="#000000" vlink="#ffffff">      <a href="Адрес ссылки">Текст анкора</a></body></html>Если необходимо ссылку сделать в качестве картинки, то вставьте изображение между <a> и </a>: <a href="Адрес ссылки"><img src="Адрес картинки"></a>.
2
Подсветка при наведении на ссылку курсора создается при помощи Javascript. Код в этом случае выглядит следующим образом:<body><script>      function highlight(which,color){      if (document.all||document.getElementById)      which.style.backgroundColor=color      }</script> <p><a href="Адрес ссылки" onMouseover=highlight(this,'red') onMouseout="highlight(this,document.bgColor)">Текст ссылки</a></p></body>
3
Для выделения фона вокруг анкора ссылки используйте:<body><script>      function highlight(which,color){      if (document.all||document.getElementById)      which.style.backgroundColor=color      }</script> </body>
4
Еще вариант выделения активной ссылки:<style> .link {background-color:#810002} </style><script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript">       $(document).ready(function(){       $("li a").removeClass("link");       $("#link_<?echo (int)$_GET['id']?>").addClass("link");       }); </script><ul>       <li><a href="?id=1" id="link_1">Ссылка 1</a></li>       <li><a href="?id=2" id="link_2">Ссылка 2</a></li>       <li><a href="?id=3" id="link_3">Ссылка 3</a></li> </ul>
Видео по теме
Обратите внимание
Цвет в html-коде должен быть в шестизначном виде (его можно просмотреть в интернете или в палитре цветов Photoshop), а в BB-код вставляются английские эквиваленты русских цветов.
Полезный совет
В редакторе OpenOffice кнопка «Выделение цветом» включается с помощью «Сервис» → «Настройка» → «Панель инструментов» → «Форматирование».

В MS Word включите кнопку с помощью «Сервис» → «Параметры Word» → «Настройка» → Вкладка «Главные». Кликните на «Цвет выделения текста» и затем «Добавить >>». Кнопка появится на панели быстрого доступа.
Источники:
  • Учебник по Html для чайников
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500