Як змінити колір тексту в HTML
Мова гіпертекстової розмітки, або HTML, в самій базовій формі становить основу всіх тих веб-сторінок, якими ми насолоджуємося в Інтернеті. В основі всіх сторінок на вашому екрані лежить код HTML. Він також служить і для додання кольору шрифтів. Ця проста інструкція допоможе вам розібратися у використанні основних тегів HTML для зміни кольору тексту за допомогою тега
Кроки
Зміна кольору тексту
1
Виберіть колір свого шрифту. Шрифти HTML описуються за допомогою шістнадцяткових кодів, які потім переводяться в RGB-кольори. Кожен колір складається з 6 символів.- Наприклад, червоний = ff0000, зелений = 00ff00 і синій = 0000ff. У hex 00 = це нуль, а ff = 255 - максимальне значення визначення RGB-кольори. Чим більше ця цифра, тим яскравіше колір. Наприклад, ffffff = чисто білий, а 000 тисяч = чисто чорний.
- Всі кольори - це комбінація вищевказаних значень.
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
Вивчіть, з чого складається тег. Кожна частина тега font має своє призначення, тому важливо знати, яке саме.- Сам тег означає, що стоїть за ним текст буде слідувати правилам, зазначеним у цьому тезі. Коли ми додаємо в нього "color", це означає, що весь текст, наступний за тегом буде того кольору, який ми встановимо. У нашому випадку, код HTML для бірюзового кольору - "40E0D0" (включаючи лапки).
- Щоб повернутися до стандартного кольором тексту, просто закрийте HTML-тег font слешем: . У нашому прикладі тільки слово "dolores" бірюзового кольору.
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, або ваш текст, який набагато простіше використовувати, ніж техніку з тегами , особливо коли потрібно поміняти розмір тексту або його шрифт.