У цьому уроці ми розглянемо останній атрибут тега , який задає колір тексту. За замовчуванням текст має чорний колір, який виводитися на білому тлі. Для того, щоб змінити колір тексту в html. потрібно застосувати атрибут color тега :
Для завдання кольору досить вказати його назву, наприклад: red, green, blue. Розглянемо невеликий приклад:
Подивимося результат в браузері:
Текст в першому абзаці став зеленим, у другому - червоним, а в третьому - фіолетовим. Всього існує 16 назв основних кольорів і 130 додаткових. Повний список квітів ви можете подивитися в таблиці кольорів html.
Цей спосіб позначення кольору дуже простий, але дуже обмежений. Тому для того щоб змінити колір в html - коді, частіше використовують шістнадцяткове число перед яким стоїть знак решітки (#), наприклад:
За допомогою такого позначення можна отримати понад 16 мільйонів квітів і їх відтінків! Отримати код кольору можна за допомогою конвертера квітів HEX. який є на сайті, або скориставшись палітрою кольорів в тому ж Photoshop. Розглянемо приклад і запишемо наступний код:
Збережемо файл і подивимося на результат:
Як ви бачите, ми задали тексту ті ж кольори, як і в першому прикладі, тільки тут ми скористалися шестнадцатеричной системою обчислення або іншими словами, ми задали колір в форматі HEX.
Тепер ви навчилися змінювати колір тексту в html і в кінці уроку пропоную повторити всі атрибути тега , і задати тексту відразу кілька параметрів, а саме: шрифт, розмір і колір. Запишіть приклад:
Як завжди не забудемо зберегти файл і подивимося результат:
Тексту застосували всі параметри, які ми поставили і все відображається коректно. Сам код думаю пояснювати не варто, так як всі теги і атрибути ми розглядали в попередніх уроках, і ви їх вже знаєте.