Как изменить цвет текста в html

Дата публикации: 11.06.2014 | Рубрики: wordpress, В помощь блоггеру | Теги:
Автор: Радкевич Сергей

как изменить цвет текста в html

Всем привет, сегодня еще один урок для новичков, про то как изменить цвет текста. Мне не хочется сбивать все в кучу, так что речь пойдет только про то, как изменить цвет текста в html, применительно к тексту в статьях. Про изменение общих цветовых настроек в CSS поговорим как нибудь в другой раз.

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

Не так ли?

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

Можно просто прописать цвет словом «red» и получится вот так:

1
<font color="red">Текст будет красного цвета</font>

или воспользоваться шестнадцатеричными значениями, начинаются они с символа решетки «#» и состоят из шести знаков, тот же красный цвет будет обозначен как #ff0000. Чуть ниже в видео я подробно объясню вам как найти код нужного вам цвета.

1
<font color=”#ff0000”> Кусок текста который будет записан красным цветом </font>

Третий способ заключается в том, что цвет еще можно прописать с помощью RGB, код для красного цвета будет у нас таким (255, 0, 0):

1
<span style="color: rgb(255, 0, 0);">Текст будет выделен красным цветом </span>

Наиболее часто я пользуюсь вторым способом, используя шестнадцатеричные значения с решеткой. Но не везде получается их применять, в частности именно на блоге upgoing.ru использовать такой вариант изменения цвета текста крайне геморройно. Почему? Если у вас цвет фона белый, то никаких проблем не будет, но у меня он отличается и получается что цвет накладывается на цвет и получается совсем не то, что ты ожидал. Из уроков по рисованию вы знаете, что если смешать желтый и красный, то получим фиолетовый. Так вот если я использую второй вариант на этом блоге и пропишу текст с использованием #ff0000 (красный) то получится вот такая ерунда:
Прописал кодом красный, а вышло вот что

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

Видео, как изменить цвет текста в html.

Итак, остановимся на том, что изменить цвет текста вовсе не сложно. Всего доброго!

Похожие записи

Поделись статье с другими:
Позвольте предложить Вам бесплатно подписаться по E-mail и получать актуальную информацию в числе первых.

6 Комментариев к Как изменить цвет текста в html

  1. unic :

    Ерунду написал. У тебя в коде

    color=»”#ff0000”»

    Напишешь нормально color=»#ff0000″, все будет ОК.

  2. Иванов А. :

    unic — если было бы прописано неправильно, то вообще ничего бы не работало 🙂 Просто цвет накладывается на фон и он меняется. Проверено уже не раз и не только с этим цветом.

  3. Сергей :

    Радкевич С., ерунда говорите, код свой откройте и посмотрите, что за хрень вы написали. у вас цвет не в тех двойных кавычках. Те что вы используете не применяются в стандартах html и определяются как простые символы. В HTML цвет не может накладываться на фон — это бред непонятно откуда. Так что учите HTML сами, прежде чем других учить.

  4. unic :

    Да ты глянь в код страницы. В блоге автозамена настроена, наверно, вот и косячит. Никакого наложения основного цвета на фон в HTML нет.

  5. Сергей :

    Сергей — если бы код был не в тех двойных кавычках, как вы думаете он бы работал как код, или прописался бы просто как текст? 🙂 Откройте код страницы и присмотритесь внимательней. Код везде писался одинаковый и кавычки одинаковые.

  6. Проще отправить человека учить основы HTML, чем учить его на таких коротеньких статьях

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


7 − = 5