Як змінити колір шрифту html

Для вказівки кольору шрифту в сторінках веб-сайтів можна використовувати як кошти, передбачені в мові HTML, так і кошти мови CSS (Cascading Style Sheets - «Каскадні таблиці стилів»). Залежно від особливостей верстки конкретної сторінки може бути доцільним використання одного або іншого методу, а іноді і їх комбінування.
Як змінити колір шрифту html

Інструкція

1
Використовуйте атрибут color, щоб задати колір виведеного на сторінку тексту, який міститься між відкриває () І закриває () Тегами, які задають параметри шрифту. наприклад:
червоний шрифт
Тут колір шрифту вказано його шістнадцятковим кодом # ff0000, але для основних кольорів і деяких іменованих відтінків можна використовувати і текстове ( «мнемонічне») англомовне значення. Наприклад, # ff0000 можна замінити на Red.
2
Вказуйте потрібний відтінок кольору в атрибуті style, якщо треба змінити колір фрагмента тексту, поміщеного всередину якогось блочного або сатиричного елемента сторінки. Наприклад, якщо фрагмент тексту поміщений всередину блокового елемента, утвореного тегом div, то задати колір шрифту можна так:
Текст аквамаринового кольору

У разі використання сатиричного елемента span застосовувати атрибут style треба точно таким же способом:
текст аквамаринового кольори.
Тут колір теж можна задавати як шестнадцатерічнимі кодами, так і текстовими позначеннями, наприклад, # 7fffd4 можна поміняти на aquamarine.
3
Розміщуйте в заголовну частину документа або в окремий css-файл опис стилів, що містить вказівку кольору шрифту потрібних блоків тексту - це універсальний і частіше застосовується в верстці веб-сторінок метод. Наприклад, щоб задати синій колір шрифту для всієї сторінки, в її заголовну частину (між тегами і ) Можна помістити такий код:
4


Використовуйте атрибути class, якщо в описі стилів треба задати різний колір різних фрагментах тексту. Наприклад, якщо треба мати в можливість вставляти при створенні документа і, в подальшому, при його зміні, текстові блоки червоного і синього кольорів, то можна помістити в заголовну частину такий код:

Тут blueText і redText - це імена, а точка перед ними означає, що імена відносяться до атрибутів class. Щоб забарвити будь-яку частину тексту, наприклад, в червоний колір, треба додати до відповідного тегу атрибут class зі значенням redText:

червоний текст

Рада 2: Як змінити текст в html

Зміна тексту в HTML проводиться за допомогою спеціальних тегів і додаткових атрибутів. Доступні для застосування методи дозволяють збільшити розмір тексту, змінити його накреслення і колір. А наявні дескриптори для форматування дають можливість максимально точно розмістити елементи на сторінці.
Як змінити текст в html

Інструкція

1
Відкрийте файл HTML, який ви хочете відредагувати, за допомогою встановленого на комп`ютері редактора. Для додавання необхідних тегів можна скористатися стандартним «Блокнотом», клікнувши правою клавішею миші на змінюваному документі і вибравши підменю "Відкрити за допомогою» - «Огляд» - «Блокнот». Серед альтернативних програм для більш зручного твори потрібних операцій можна скористатися Notepad ++ і Microsoft FrontPage, доступних для завантаження в інтернеті.
2
Перейдіть до ділянки тексту, який ви хочете змінити, і почніть вводити необхідні дескриптори. Для зміни розміру і кольору можна використати атрибути тега. Вкажіть параметр color, щоб задати потрібний відтінок. Кольори можуть бути вписані як відповідно до їх англійськими найменуванні, так і з використанням палітри в шістнадцятковому форматі.
3



Опція face дозволяє змінити тип шрифту. Size використовується для завдання розміру букв по лінійці від 1 до 7 кеглів (за замовчуванням використовується 3). наприклад:

видозмінений фрагмент

В даному випадку словосполучення буде пофарбовано в червоний колір, збільшено до 6 розміру і виведено декоративним шрифтом fantasy.

4
Для виділення частини тексту в окремий абзац використовуйте тег. З його допомогою ви можете відрегулювати розташування ділянки на сторінці через додатковий параметр align. наприклад:

Вирівнювання по центру


Вирівнювання по лівому краю


Вирівнювання по правому краю

5
Для виведення курсивного тексту скористайтеся тегом , уклавши потрібне слово або ділянку в між відкриває і закриває дескрипторами. Щоб зробити букви напівжирними, застосуєте. Для підкреслення підходить. Закреслити текст можна через. Щоб вивести число в верхньому індексі, застосовуйте, а для відображення потрібної цифри або букви в нижньому індексі скористайтеся. Всі перераховані теги можуть бути використані в рамках.
6
Щоб зробити перенесення тексту на сходинку вниз, в HTML передбачений дескриптор <brgt ;. Для створення горизонтальної роздільної лінії є тег
. наприклад:

курсивний текст
Закреслений



2 * 2 = 2

Зверніть увагу
Щоб отримати чорний колір шрифту в CSS, нам не потрібно нічого нікуди додавати (пам`ятаємо, що будь-який колір можна отримати додаванням до чорного). Тому чорний колір буде записуватися як # 000000. Білий колір шрифту за допомогою CSS виходить шляхом рівномірного змішування всіх кольорів і записується як #FFFFFF.
Корисна порада
Можливості управління шрифтами в CSS не набагато ширше, ніж в HTML. Але, тим не менше, використання CSS дає деякі переваги, і, в першу чергу, користуватися CSS набагато зручніше, в чому ви скоро переконаєтеся. Для завдання параметрів шрифтів в HTML використовується елемент FONT. З його допомогою можна задавати вигляд шрифту (атрибут face), розмір (size) і колір (color).


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 64
Увага, тільки СЬОГОДНІ!