Зміст

• Кроки
• Порада
• Увага

Ця стаття покаже вам, як змінити колір шрифту в документах HTML. Хоча теги шрифтів застаріли в HTML, ви можете використовувати CSS, щоб додати колір тексту HTML-сторінки. Якщо ви використовуєте стару версію HTML, за необхідності можете використовувати тег шрифту HTML.

Кроки

Спосіб 1 із 2: Використовуйте теги HTML

1. 

   Створіть теги шрифтів. Набір карток перед текстом потрібно змінити колір. Місце закриття картки позаду тексту.
   • Як от:
     Цей текст буде синім.

2. 

   
   
   Додайте атрибути кольору. Вставити color = "" на відкриту вкладку шрифту. Колір, який ви хочете, буде в лапках.
   • Наприклад:
     color = ""Цей текст буде синім.

3. 

   
   
   Виберіть назву кольору. Назва кольору - це завжди одне слово без пробілів. Спробуйте щось просте, наприклад, "синій" (синій), "червоний" (червоний) або описову назву, наприклад "світло-синій" або "темно-синій" (темно-синій). Щоб отримати більше варіантів, перегляньте розпізнаний список ключових слів кольорів, який включає "темно-бордовий" (темно-коричневий), "сталевий синій" (сіро-зелений) та "вапно" (світло-жовтий).
   • Як от:
     Цей текст буде синім.

4. 

   
   
   Використовуйте шістнадцяткові коди кольорів. HTML дозволяє вибирати з мільйонів кольорів, але не всі кольори мають назву. Натомість вони використовують шість символів, написаних шістнадцятковою системою. В Інтернеті є багато веб-сайтів, які містять шістнадцяткові коди кольорів або дозволяють вибрати колір на екрані та відобразити шістнадцяткове значення. Цей код починається зі знака # і має шість символів, включаючи цифри 0-9 або літеру A-F.
   • Код # FF0000 представляє червоний колір.
   • Цей код дає зелений текст.
   • Цей код дає синій текст.

5. 

   Експериментуйте зі значеннями RGB. Вам не потрібно знати, як працює шістнадцяткове кольорове кодування, щоб мати можливість користуватися онлайн-підбирачем кольорів. Однак, якщо ви хочете отримати досвід, ви можете почати з основ:
   • Кожен шість символів коду ділиться на значення червоний, зелений (зелений) і синій ("RGB"). Наприклад, код # FF0000 означає "червоний: FF зелений: 00 синій: 00".
   • Щоб змінити кількість червоного, змініть перші два символи. Ви можете використовувати будь-яке значення від 00 (без червоного) до 99 (злегка червоне) або літери AA (червонувате) до FF (максимальна кількість червоного).
   • Використовуйте ту саму систему, щоб змінити значення на зелене (середні дві цифри) або синє (останні дві цифри).

6. 

   Отримайте глибше розуміння шістнадцяткових кодів кольорів. Щоб правильно вибрати колір, потрібно знати наступні два поняття:
   • Кожні три значення кольору - це дві цифри. Якщо ви хочете зробити менше налаштувань, просто змініть другу цифру. Наприклад, # 850000 та # 890000 досить схожі, а # A50000 буде трохи яскравішим.
   • Поєднані значення RGB дорівнюють кольоровій системі плюс. Червоний і зелений дадуть жовтий; блакитна і зелена форми блакитного кольору; Червоний і синій дадуть бордовий колір.
   реклама

Спосіб 2 з 2: Використовуйте вбудований елемент CSS

1. 

   Вставте атрибут style у тег HTML. Властивості style = "" дозволяє використовувати CSS в документах HML. Ось простий спосіб встановити колір шрифту, навіть якщо ви не знаєте про CSS. Спробуйте встановити атрибут style для одного з тегів HTML:

   • Тег p використовується для ідентифікації фрагмента тексту.

   • Тег використовується для створення посилання.
   • Використовуйте теги span для забарвлення частини абзацу без зміни форматування.

2. 

   Позначення кольору. Вставити колір: з назвою кольору або шістнадцятковим кодом всередині лапок. Щоб отримати докладнішу інформацію про імена та коди кольорів, див. Метод вище або спробуйте такі приклади:
   • Цей код являє собою червоний текст.
   • Цей код дає темно-оливково-зелений колір.
   • CSS підтримує 3-значне скорочення. Колірний код 745 означає 774455.

3. 

   Використовуйте класи CSS із гарнітурами, які ви часто використовуєте. Якщо ви хочете створити стиль кожного заголовка зображення чи заголовка для частини вмісту на великій веб-сторінці, вам не потрібно вводити весь код знову і знову. Натомість визначте клас CSS на початку тексту, щоб ви могли викликати клас лише одним скороченням кожного разу, коли ви хочете використовувати цей стиль. Ось приклад, що показує деякі нові способи використання атрибуту style:
   • У розділі документа HTML, вставте такий код:
     
   • Далі, в тілі тексту, використовуйте атрибут, щоб додати цей стиль як елемент. Як от,

     цього пункту

     темно-зелений, великий скорописний (рукописний) шрифт.
   • Зверніть увагу, що ви можете використовувати будь-яке слово замість "фантазія" для опису гарнітури.
   реклама

Порада

• Спробуйте зробити вашу сторінку зручною для читання. Світлі кольори тексту буде важко читати на білому, а темні кольори тексту - на чорному.
• Старі комп’ютери відображають обмеження в 65 000 кольорів, тоді як старі комп’ютери - 256 кольорів. Однак понад 99% користувачів Інтернету зможуть побачити вказаний вами колір.

Увага

• Елемент шрифту не підтримується стандартом XHTML 1.0 Strict DTD.