Изменяем цвета текстов и ссылок

цветной текст

Попробуем поиграть с цветами и оттенками

Чтобы изменить цвет текста или ссылки на веб странице, существуют несколько вариантов. Обратите внимание на страницы данного сайта. Если Вы подводите курсор к тексту бирюзового цвета, и не видите преобразования стрелки курсора в пальцы ладони, значит это просто текст, а не гиперссылка на веб — ресурс.

Общая схема ссылок выглядит так: в скобках < >:скобка открывается, далее, в скобке пишем a href=, потом в ковычках url — адрес веб — ресурса: например: «http://icansite.ru» (это URL данного сайта), далее пишем поясняющий текст анкорной ссылки: например, «создаем сайт», и закрываем ссылку тегом в скобках < > /a.

Цвет ссылок на сайте запрограммирован в коде шапки — темы сайта. Можно, добавив в код некоторые изменения, изменить цвет всех ссылок, но это позднее. Сейчас я предложу Вам простой способ изменения цвета ссылок и цвета текста.

Существует множество генераторов цвета с кодами, соответствующими определенному цвету. На сайте beloweb.ru в разделе «Крутые и бесплатные инструменты для работы с цветом» можно выбрать любой генератор цвета и выбрать код нужного Вам цвета, например: #ff0085 — цвет розовый.

Далее, перед текстом или анкорной ссылкой(текстом) пишем в закрытых скобках < >: скобка открывается span style=, далее в ковычках: «color: #ff0085;», скобка закрывается:>, а в конце текста или анкора ссылки тоже в скобках < >: пишем закрывающий тег в ковычках /font и /span


ГЕНЕРАТОР ЦВЕТОВ MATERIAL DESIGN


фуксия HTML-код: #ff0085


зелёный HTML-код: #64DD17


желтый HTML-код:#FFEA00


синий HTML-код:#0000ff


оранжевый HTML-код:#FF3D00
.


бордовый HTML-код:#C51162


фиолетовый HTML-код:#780099

Эти HTML — теги или другие можно подставить в описанную выше конструкцию кода цвета ссылки.

Работа с текстом аналогична работе со ссылками.

В рассмотренном случае цвет будет менять анкорная ссылка, то-есть пояснение. А можно придать ссылке разноцветный фон, написание анкорной ссылки будет представлено чёрным цветом.

Скобка открывается <, далее пишем: span, пробел, style=, «BACKGROUND-COLOR: yellow»(обратите внимание: написан жёлтый цвет, можно изменить на green и др. цвета) и скобку закрываем >. Далее пишем анкорную ссылку: например: Создадим сайт вместе. И закрываем написанное скобкой >

Открываем опять скобку < и пишем в скобке font= потом в скобках «verdana» color, потом< strong>=»navy» . Далее, закрываем скобку: />

Вместо английского названия цвета green или др., можно вставить код любого генератора цвета, например: #FF3D00.


ДЕРЗАЙТЕ

Вот, что должно получиться

Создадим сайт вместе, цвет red

Создадим сайт вместе, цвет green

Создадим сайт вместе, цвет цвет html-тег:#C51162

Создадим сайт вместе,цвет html-тег: #C51162

Создадим сайт вместе, цвет html-тег:#0000ff

ЗДЕСЬ ВЫ НАЙДЕТЕ ДОПОЛНИТЕЛЬНЫЕ КОДЫ ЦВЕТОВ И ОТТЕНКОВ ДЛЯ СВОЕГО САЙТА

ВСТРЕЧАЕМСЯ НА СЛЕДУЮЩЕЙ СТРАНИЦЕ САЙТА

ВОЗВРАЩАЕМСЯ НА ПЕРВУЮ СТРАНИЦУ САЙТА


Прошу Вас, нажать на кнопки социальных сетей, на которых Вы зарегистрированы, чтобы поделиться прочитанной информацией на сайте с Вашими друзьями

Никнейм iraukr зарегистрирован!

Добавить комментарий

CommentLuv badge

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.