Всем привет, сегодня еще один урок для новичков, про то как изменить цвет текста. Мне не хочется сбивать все в кучу, так что речь пойдет только про то, как изменить цвет текста в 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.
Итак, остановимся на том, что изменить цвет текста вовсе не сложно. Всего доброго!
Ерунду написал. У тебя в коде
color=»”#ff0000”»
Напишешь нормально color=»#ff0000″, все будет ОК.
unic — если было бы прописано неправильно, то вообще ничего бы не работало 🙂 Просто цвет накладывается на фон и он меняется. Проверено уже не раз и не только с этим цветом.
Радкевич С., ерунда говорите, код свой откройте и посмотрите, что за хрень вы написали. у вас цвет не в тех двойных кавычках. Те что вы используете не применяются в стандартах html и определяются как простые символы. В HTML цвет не может накладываться на фон — это бред непонятно откуда. Так что учите HTML сами, прежде чем других учить.
Да ты глянь в код страницы. В блоге автозамена настроена, наверно, вот и косячит. Никакого наложения основного цвета на фон в HTML нет.
Сергей — если бы код был не в тех двойных кавычках, как вы думаете он бы работал как код, или прописался бы просто как текст? 🙂 Откройте код страницы и присмотритесь внимательней. Код везде писался одинаковый и кавычки одинаковые.
Проще отправить человека учить основы HTML, чем учить его на таких коротеньких статьях