Як задати колір шрифту за допомогою html

Сергій Сироїжкін Копірайтер

Колір шрифту на сайті можна задати за допомогою HTML-коду. Для цього існує тег font. За визначенням, тег font служить якійсь «обгорткою» або «контейнером» для тексту, керуючи властивостями якого можна змінювати оформлення тексту.

Тег font застосовується наступним чином:

Найпростіший спосіб, як змінити колір шрифту в HTML, це використовувати атрибут color тега font:

Тут задається синій колір для слова, обрамленого тегом font.

Але крім параметра color, тег має і інші атрибути.

Атрибути тега FONT

Тег font має всього три атрибути:

  • color - задає колір тексту;
  • size - встановлює розмір тексту;
  • face - задає сімейство шрифтів.

Параметр color може бути визначений назвою кольору (наприклад, "red", "blue", "green") або шістнадцятковим кодом (наприклад, # fa8e47).

Атрибут size може приймати значення від 1 до 7 (за замовчуванням дорівнює 3, що відповідає 13,5 пунктам для шрифту Times New Roman). Інший варіант завдання атрибута - "+1" або "-1". Це означає, що розмір буде змінений щодо базового на 1 більше або менше, відповідно.

Розглянемо застосування цих атрибутів на нашому прикладі:

Ми застосували тег font до одного слова, задали для нього розмір 6, помаранчевий колір і сімейство шрифтів "Serif".

Завдання кольору тексту за допомогою CSS

Якщо вам потрібно застосувати певне форматування (наприклад, змінити колір тексту) до декількох дільницях тексту, то більш правильно буде скористатися CSS-кодом. Для цього існує атрибут color. Розглянемо спосіб його застосування на нашому прикладі:

Тут ми задали синій колір для слова «Конструктор» (розмір його, за замовчуванням, 100% від базового), зелений колір і розмір 125% для слова «сайтів», помаранчевий колір і розмір 150% для слова «Нубекс».