У HTML ми можемо змінити колір будь-якого тексту, використовуючи такі різні способи:
- Використання тегу HTML
- Використання атрибута Inline style
- Використання внутрішнього CSS
1. Використання тегу HTML
Примітка: HTML 5 не підтримує атрибут кольору шрифту, тому ми повинні використовувати атрибут вбудованого стилю та внутрішні параметри CSS для зміни кольору тексту.
Якщо ми хочемо змінити колір тексту за допомогою тегу Html, який має відображатися на веб-сторінці, ми повинні виконати кроки, наведені нижче. За допомогою цих кроків ми можемо легко змінити колір будь-якого тексту:
Крок 1: По-перше, нам потрібно ввести код Html у будь-якому текстовому редакторі або відкрити наявний файл Html у текстовому редакторі, у якому ми хочемо використовувати Html тег .
однорідна суміш
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html
крок 2: Тепер перемістіть курсор на початок тексту, колір якого ми хочемо змінити. А потім введіть порожній Html тег у цій позиції.
Single Line text and statements
крок 3: Потім ми повинні закрити тег шрифту в кінці тексту, колір якого ми хочемо змінити.
Single Line text and statements
крок 4: Тепер нам потрібно додати атрибут тегу шрифту з назвою ' колір '. Отже, введіть колір атрибут в межах початкового тег. Потім ми повинні надати колір, який ми хочемо використати для тексту. Отже, введіть назву кольору в кольоровий атрибут як описано в наступному блоці.
Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in HtmlПеревірте зараз
крок 5: І, нарешті, нам потрібно зберегти код Html у текстовому редакторі та запустити код. Після виконання ми побачимо результат у браузері. На наступному знімку екрана показано результат наведеного вище коду Html:
2. Використання атрибута Inline Style
Якщо ми хочемо змінити колір тексту за допомогою вбудованого атрибута стилю, який має відображатися на веб-сторінці, ми повинні виконати кроки, наведені нижче. За допомогою цих кроків ми можемо легко змінити колір тексту.
хто такий фредді мерк'юрі
Крок 1: По-перше, нам потрібно ввести код Html у будь-якому текстовому редакторі або відкрити існуючий файл Html у текстовому редакторі, у якому ми хочемо використовувати атрибут style для зміни кольору тексту.
Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute.
крок 2: Тепер перемістіть курсор на початок тексту, колір якого ми хочемо змінити. А потім введіть inline стиль атрибут в будь-якому елементі. Тут ми використовуємо
тег (абзац):
Будь-який текст
крок 3: На цьому кроці ми повинні дати назву кольору як значення. Ми можемо дати назву кольору в трьох формах:
- Ми можемо ввести назву кольору
- Ми також можемо ввести значення RGB кольору
- Ми також можемо ввести шістнадцяткове значення кольору.
крок 4: Потім ми повинні закрити елемент у кінці тексту, колір якого ми хочемо змінити.
Будь-який текст
крок 4: І, нарешті, збережіть код Html, який змінює колір тексту за допомогою атрибута стилю CSS.
Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p>Перевірте зараз
Результат коду вище показано на наступному знімку екрана:
2. Використання внутрішнього CSS
Якщо ми хочемо змінити колір тексту за допомогою внутрішньої каскадної таблиці стилів, яка має відображатися на веб-сторінці, ми повинні виконати кроки, наведені нижче. За допомогою цих кроків ми можемо легко змінити колір тексту.
Крок 1: По-перше, нам потрібно ввести код Html у будь-якому текстовому редакторі або відкрити існуючий файл Html у текстовому редакторі, у якому ми хочемо використовувати внутрішній CSS для зміни кольору тексту.
Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color.
крок 2: Тепер нам потрібно розмістити курсор у тезі head документа Html, а потім визначити стилі всередині тег, як показано в наступному блоці. А потім введіть колір у селектор елемента.
Body { color:orange; } p { color:green; } крок 3: Тепер ми повинні ввести визначений селектор елемента перед текстом, колір якого ми хочемо змінити.
також модель
Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> Перевірте зараз Результат наведеного вище коду Html показано на наступному знімку екрана:
