Из этой статьи вы узнаете, как изменить цвет шрифта в HTML-документе. Хотя тег шрифта HTML в HTML5 устарел, вы можете использовать CSS для добавления цвета к тексту HTML-страницы. Если вы работаете со старой версией HTML, вы можете при необходимости использовать тег цвета шрифта HTML.
Шаги
Метод 1 из 2: Использование CSS
Шаг 1. Выберите цвет для вашего текста
Хотя вы можете использовать основные цвета (например, «красный») для раскрашивания текста, вам необходимо использовать генератор цветов HTML для получения более тонких оттенков:
- Перейдите по адресу https://www.w3schools.com/colors/colors_picker.asp в веб-браузере своего компьютера.
- Выберите основной цвет, который вы хотите использовать в шестиугольнике вверху страницы.
- Прокрутите до нужного оттенка в правой части страницы.
- Обратите внимание на шестизначный код справа от шторы.
Шаг 2. Откройте ваш HTML-документ
Это должен быть документ, для которого вы хотите изменить цвет шрифта.
Если у вас еще нет HTML-документа, создайте его, прежде чем продолжить
Шаг 3. Найдите текст, который хотите раскрасить
Прокрутите документ до тех пор, пока не найдете абзац, заголовок или другую форму текста, которую хотите раскрасить.
Шаг 4. Обратите внимание на теги текста
Например, если текст является заголовком, вы увидите"
" перед ней.
Шаг 5. Добавьте разделы «заголовок» и «стиль» в верхнюю часть документа
Вы сделаете это, набрав под тегом "", нажав ↵ Enter, набрав под тегом "", дважды нажав ↵ Enter и введя закрывающие теги для обоих. Ваш конечный результат должен выглядеть так:
Шаг 6. Введите тег стиля "цвет"
Щелкните пробел между тегами "", затем введите следующий код (не забудьте заменить красный на свой цветовой код и"
"с тегом для текста, который нужно раскрасить):
{ красный цвет; }
Шаг 7. Просмотрите свой документ
Заголовок вашей страницы должен выглядеть примерно так:
Шаг 8. Унифицируйте цвет основного текста
Если вы хотите, чтобы весь основной текст вашего документа был одного цвета, введите следующий код с вашим предпочтительным цветом, замененным на черный:
корпус {цвет: черный; }
Метод 2 из 2: Использование HTML-тегов
Шаг 1. Выберите цвет для вашего текста
Хотя вы можете использовать основные цвета (например, «красный») для раскрашивания текста, вам необходимо использовать генератор цветов HTML для получения более тонких оттенков:
- Перейдите по адресу https://www.w3schools.com/colors/colors_picker.asp в веб-браузере своего компьютера.
- Выберите основной цвет, который вы хотите использовать в шестиугольнике вверху страницы.
- Прокрутите до нужного оттенка в правой части страницы.
- Обратите внимание на шестизначный код справа от шторы.
Шаг 2. Откройте HTML-документ
Это должен быть документ, для которого вы хотите изменить цвет шрифта.
Если у вас еще нет HTML-документа, создайте его, прежде чем продолжить
Шаг 3. Найдите текст, который хотите раскрасить
Прокрутите документ до тех пор, пока не найдете абзац, заголовок или другую форму текста, которую хотите раскрасить.
Шаг 4. Добавьте открытый тег «font»
Щелкните сразу слева от текста, который хотите раскрасить, затем введите следующее (не забудьте заменить красный на нужный цвет):
Шаг 5. Закройте тег «font»
Щелкните место справа от конца раскрашиваемого текста и введите его.
Этот текст красный!
Образец HTML-кода
Цветовой код шрифта HTML
Видео - с помощью этой службы некоторая информация может быть передана YouTube
подсказки
- Постарайтесь сделать вашу страницу удобной для чтения. Яркие цвета плохо читаются на белом фоне, а темные цвета плохо читаются на черном фоне.
- Цветовые коды HTML разбиты следующим образом: первые два символа относятся к красным оттенкам, вторые два относятся к зеленому, а последние два относятся к синему. Вы можете использовать любое значение от «00» до «99», чтобы указать, сколько каждого цвета вы хотите; использование «FF» вместо числа вызывает максимальное количество этого цвета (например, «0000FF» будет максимально синим).
- Отображение старых компьютерных дисплеев ограничено примерно 65 000 цветов, а очень старых - 256. Однако более 99% интернет-пользователей смогут видеть любой цвет, который вы укажете.
