Как сделать ссылки разным цветом?

2 ноября 2014 г. Просмотров: 414 Инструкции
Одним из главным атрибутов сайта в интернете являются ссылки. Редкая страница обходится без них. Но когда однотипный цвет ссылки приедается, можно каждую ссылку сделать своего цвета. Это поможет привлечь внимание пользователей к ссылке и сделает вашу интернет-страничку ярче.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - html-теги;
  • - таблица с кодами цветов.

Инструкция

  • Запомните общую схему ссылок, которая используется на большинстве сайтов.
    «a» () — это якорь гиперссылки, ограничивающий ее с двух сторон; «href» — сокращение от hypertext reference (гипертекстовая ссылка), то есть интернет-адрес, на который надо совершить переход. Ссылка всегда заключается в кавычки. Таким образом, общая схема ссылок выглядит так: текст.
  • Измените цвет ссылки, добавив код до текста ссылки и после, чтобы получилось так: текст.
  • На сервисах блогов, например, на Liveinternet, используйте код текст. «url» — uniform resource locator, определитель местонахождения ресурса. В этом случае для того чтобы изменить цвет, добавьте до и после текста тег цвета: текст.
  • Если вы сами делали свой сайт и у вас есть файл с его стилями, то редактируйте ссылки прямо там, в каскадных таблицах стилей CSS. Общий синтаксис записи выглядит так: a{параметры стиля}. С помощью этих параметров можно сделать ссылку жирной, курсивной или какой угодно.
  • Чтобы задать ссылке цвет, нужно использовать такой код: a{color: #00000;}. 00000 — код чёрного цвета по умолчанию. Чтобы заменить его на любой другой, воспользуйтесь либо графическим пакетом (например, Adobe Photoshop), кликнув на квадратик с цветом в Инструментах, либо с помощью web-палитр. Обычно в обоих случаях код находится рядом с #. Скопируйте его, кликнув на него и нажав Ctrl+C. Затем вставьте в фигурные скобки после #.
  • Чтобы сделать ссылки разноцветными в текстовом редакторе, например, в Open Office, откройте в верхнем меню «Вставка» > «Гиперссылка», вставьте ссылку, задайте ее текст. Нажмите «Применить», затем «Закрыть». Выделите ссылку и задайте ей цвет как обычному тексту. Можете также задавать цвет каждой букве в отдельности.
  • Оцените статью!