Як використовувати теги кольорів шрифту в HTML

Зміст

• етапи
• Спосіб 1 Використовуйте теги HTML
• Спосіб 2 Використовуйте CSS у тегах

Тег шрифту HTML тепер застарілий, і професійні розробники повинні уникати його використання. Незважаючи на те, що змінити колір шрифту в особистому проекті дуже просто, немає гарантії, що він продовжуватиме працювати над оновленням веб-браузерів. Для найкращих результатів слід використовувати метод із CSS.

етапи

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

1. 
   

   
   Створіть тег шрифту. Поставте бирку перед електронною поштою, яку ви хочете розфарбувати. Закрийте, поклавши в кінці е.
   • Наприклад:
     Я хочу, щоб це було синім кольором

2. 
   

   
   Додайте атрибут для кольору. додавати color = "" всередині вступного тегу. Потім ви повинні вказати обраний вами колір у лапках (англійською мовою).
   • Наприклад:
     Я хочу, щоб це було синім кольором

3. 
   

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

4. 
   

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

5. 
   

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

6. 
   

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

Спосіб 2 Використовуйте CSS у тегах

1. 
   

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

   • тег p оточує абзац з e

   • тег оточив посилання
   • використовуйте тег span, щоб змінити колір частини e без зміни формату

2. 
   

   
   Вкажіть колір. вставити колір: слідом за назвою кольору або шістнадцятковим кодом всередині лапок. Для отримання додаткової інформації про назви кольорів див. Приклади в попередньому методі.
   • Тепер е в червоному кольорі.
   • Ось код темно-оливкового зеленого.
   • CSS підтримує тризначні скорочені кольорові коди. Код 745 - це абревіатура 774455.

3. 
   

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

     цей пункт

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