Как да използвате цветови маркери в HTML

Съдържание

• етапи
• Метод 1 Използвайте HTML тагове
• Метод 2 Използвайте CSS в маркери

Маркерът на HTML шрифтовете вече е остарял и професионалните разработчици трябва да избягват използването му. Въпреки че е много лесно да промените цвета на шрифта в личен проект, няма гаранция, че той ще продължи да работи с актуализацията на уеб браузърите. За най-добри резултати трябва да използвате метода с CSS.

етапи

Метод 1 Използвайте HTML тагове

1. 
   

   
   Създайте маркера на шрифта. Поставете маркера пред е, което искате да оцветите. Затворете го като сложите в края на e.
   • Например:
     Искам това да е в синьо

2. 
   

   
   Добавете атрибута за цвета. Добави color = "" вътре в отварящия маркер. След това трябва да поставите цвета по ваш избор в кавичките (на английски).
   • Например:
     Искам това да е в синьо

3. 
   

   
   Изберете името на цвета. Винаги е проста дума на английски, без интервал. Опитайте прости имена като "синьо", "червено" или нещо по-специфично като "светло синьо" (тъмно синьо) или "тъмно синьо" (тъмно синьо). За повече възможности за избор, намерете списък с приети имена на цветове, като борд, стоманена четка и вар.
   • Например:
     Искам това да е в синьо

4. 
   

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

5. 
   

   
   Игра с RGB стойности. Не е нужно да знаете как работи шестнадесетичният цветен код, за да изберете цвят, който харесвате на палитра, която намерите в Интернет. Ако обаче искате да направите няколко експеримента, трябва да започнете с основите.
   • Всяко шестцифрено число се разделя на стойности за червено, зелено и синьо (или „RGB“ за „червено, зелено, синьо“). Например кодът # FF0000 всъщност означава "червено: FF, зелено: 00, синьо: 00".
   • За да промените количеството червено, променете първите две цифри. Можете да използвате стойност между 00 (никакво червено) и 99 (малко червено) и между AA (малко повече червено) и FF (червеният максимум).
   • Използвайте същата система, за да промените стойността на зелено (средните две цифри) и синьо (последните две цифри).

6. 
   

   
   
   
   Разберете кода в дълбочина. За да получите по-точен избор на цвят, трябва да разберете две други концепции.
   • Всяка от тези три стойности е направена от двуцифрено число. За да направите малки редакции, можете да промените втората цифра. Например: #850000 и #890000 са много подобни, но # A50000 е много по-ясно.
   • Стойностите на RGB се смесват въз основа на системата за добавъчен синтез на цветове. Червено и зелено правят жълт, синьо и зелено правят циан и червено и синьо правят пурпурен цвят .

Метод 2 Използвайте CSS в маркери

1. 
   

   
   Вмъкнете атрибута „стил“ в маркера. Този атрибут ви позволява да поставите CSS директно в HTML маркера. Това е прост начин да промените цвета, дори ако не знаете CSS. Опитайте да го поставите в един от следните тагове:

   • p тагът обгражда абзац с e

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

2. 
   

   
   Посочете цвета. Insert цвят: последвано от името на цвета или шестнадесетичен код вътре в кавичките. За повече информация относно имената на цветовете вижте примерите в предишния метод.
   • Вече е в червено.
   • Ето кода за тъмно маслинено зеленото.
   • CSS поддържа трицифрени съкратени цветови кодове. Код 745 е съкращението от 774455.

3. 
   

   
   Използвайте CSS класовете. Ако искате да приложите същия стил към всички снимки или всички заглавия на глави, не е необходимо да повтаряте един и същ код всеки път. Вместо това можете да определите клас в заглавката на документа, така че да можете да го препратите по-късно, когато искате да приложите същия стил. Ето пример за показване на няколко употреби на атрибута "стил".
   • В раздела от вашата HTML страница, копирайте следния код:
     
   • В тялото на същия документ използвайте атрибута за да добавите този стил към елемента. Например:

     този параграф

     ще се появи в тъмнозелено с широк шрифт.
   • Знайте, че не е нужно да наричате класа си „фантазия“, можете да му дадете името, което искате.