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