Як змінити колір тексту в HTML

Мова гіпертекстової розмітки, або HTML, в самій базовій формі становить основу всіх тих веб-сторінок, якими ми насолоджуємося в Інтернеті. В основі всіх сторінок на вашому екрані лежить код HTML. Він також служить і для додання кольору шрифтів. Ця проста інструкція допоможе вам розібратися у використанні основних тегів HTML для зміни кольору тексту за допомогою тега




Зміна кольору тексту

  1. Як змінити колір тексту в HTML

    1

    Виберіть колір свого шрифту. Шрифти HTML описуються за допомогою шістнадцяткових кодів, які потім переводяться в RGB-кольори. Кожен колір складається з 6 символів.
    • Наприклад, червоний = ff0000, зелений = 00ff00 і синій = 0000ff. У hex 00 = це нуль, а ff = 255 - максимальне значення визначення RGB-кольори. Чим більше ця цифра, тим яскравіше колір. Наприклад, ffffff = чисто білий, а 000 тисяч = чисто чорний.
    • Всі кольори - це комбінація вищевказаних значень.

  2. Як змінити колір тексту в HTML

    2

    Додайте тег кольору в ваш код HTML. Синтаксис для додавання шістнадцятирічного значення кольору шрифту досить нескладний. В якості прикладу будемо використовувати фразу "Lorem ipsum dolores sit amet". Зробимо слово "dolores" бірюзового кольору. Для цього будемо використовувати тег :
    • Lorem ipsum dolores sit amet.
    • Зауважте, що поки ніякого ефекту не видно. Коли до нього додаємо змінну кольору, стає більш цікаво:
    • Lorem ipsum dolores sit amet.
    • В остаточному варіанті веб-сторінки в тексті ви не побачите тега font. Воно буде виглядати наступним чином:
    • Lorem ipsum dolores sit amet.



  3. Як змінити колір тексту в HTML

    3

    Вивчіть, з чого складається тег. Кожна частина тега font має своє призначення, тому важливо знати, яке саме.
    • Сам тег означає, що стоїть за ним текст буде слідувати правилам, зазначеним у цьому тезі. Коли ми додаємо в нього "color", це означає, що весь текст, наступний за тегом буде того кольору, який ми встановимо. У нашому випадку, код HTML для бірюзового кольору - "40E0D0" (включаючи лапки).
    • Щоб повернутися до стандартного кольором тексту, просто закрийте HTML-тег font слешем: . У нашому прикладі тільки слово "dolores" бірюзового кольору.

  4. Як змінити колір тексту в HTML

    4

    Використовуйте назви замість кодів. В основному діапазоні кольорів HTML - 256 штук, і для підбору кольору ви можете використовувати Photoshop або веб-сайт, як наприклад, HTML коди кольорів, для 147 з 255 ви також можете застосовувати їх назви. Основні назви: red, green, blue, yellow, black та white і т.д.
    • Наприклад, замість "40E0D0", можна просто вказати "Lorem ipsum dolores sit amet.
    • Повний список назв квітів HTML можна знайти тут

Поради

  • Не переборщити з квітами. Ранні веб-сайти, які використовували занадто багато квітів, виглядали жахливо, навіть якщо врахувати, що це був початок століття Інтернету. Вони такими залишаються і зараз!
  • Якщо ви можете використовувати CSS (каскадні таблиці стилів), використовуйте їх. Тег почали використовувати ще в HTML 3.2 і на даний момент це застаріла практика. Приклад коду CSS для зміни кольору тексту на червоний: .highlighted {color: red-} в CSS файлі і ваш текст у файлі HTML, або ваш текст, який набагато простіше використовувати, ніж техніку з тегами , особливо коли потрібно поміняти розмір тексту або його шрифт.