Автор:
Monica Porter
Дата На Създаване:
21 Март 2021
Дата На Актуализиране:
27 Юни 2024
![SVBONY sv305 Обзор ▶ АстроКамера для телескопа. Астрофото Луны, планет и звёзд](https://i.ytimg.com/vi/fBZAPtb1BCA/hqdefault.jpg)
Съдържание
Тази статия ще ви покаже как да промените цвета на шрифта в HTML документи. Въпреки че шрифтовите тагове са остарели в HTML, можете да използвате CSS, за да добавите цвят към текста на HTML страница. Ако използвате по-стара версия на HTML, можете да използвате HTML маркера на шрифта, ако е необходимо.
Стъпки
Метод 1 от 2: Използвайте HTML тагове
Създайте маркери за шрифтове. Комплект карти пред текста, който искате да промените цвета. Поставете затваряща карта зад текста.- Като:
Този текст ще бъде син.
- Като:
Добавете цветни атрибути. Поставете цвят = "" в раздела за отваряне на шрифта. Цветът, който искате, ще бъде в кавички.- Например:
цвят = ""Този текст ще бъде син.
- Например:
Изберете име на цвят. Името на цвета винаги е една дума без интервали. Опитайте нещо просто като "синьо" (синьо), "червено" (червено) или описателно име като "lightblue" или "darkblue" (тъмно синьо). За повече опции потърсете списъка с разпознати цветни ключови думи, който включва „кестеняво“ (тъмнокафяво), „стоманеносиньо“ (сиво зелено) и „вар“ (светложълто).- Като:
Този текст ще бъде син.
- Като:
Използвайте шестнадесетични цветови кодове. HTML ви позволява да избирате измежду милиони цветове, но не всички цветове имат име. Вместо това те използват шестсимволен код, написан в шестнадесетичен знак. В мрежата има много уебсайтове, които изброяват шестнадесетични цветови кодове или ви позволяват да изберете цвят на екрана и да покажете шестнадесетичната стойност. Този код започва със знак # и има шест знака, включително числата 0-9 или буква A-F.- Код # FF0000 представлява червения цвят.
- Този код създава зелен текст.
- Този код създава син текст.
Експериментирайте със стойностите на RGB. Не е нужно да знаете как работи шестнадесетичното цветово кодиране, за да можете да използвате онлайн инструмент за избор на цветове. Ако обаче искате опитът, можете да започнете с основите:- Всеки шестзнаков код е разделен на червени, зелени (зелени) и сини ("RGB") стойности. Например кодът # FF0000 означава "червено: FF зелено: 00 синьо: 00".
- За да промените количеството червено, променете първите два знака. Можете да използвате всяка стойност от 00 (без червено) до 99 (леко червено) или буквите AA (червеникаво) до FF (максимално количество червено).
- Използвайте същата система, за да промените стойността на зелена (средните две цифри) или синя (последните две цифри).
Получете по-задълбочено разбиране на шестнадесетичните цветови кодове. За да изберете правилния цвят, трябва да знаете следните две понятия:- На всеки три стойности на цвета са две цифри. Ако искате да направите по-малко корекции, просто сменете втората цифра. Например, # 850000 и # 890000 са доста сходни, а # A50000 ще бъде малко по-ярка.
- Комбинираните RGB стойности са равни на цветовата система плюс. Червеното и зеленото ще произведат жълто; синя и зелена форма циан; Червеното и синьото ще произведат цвят бордо.
Метод 2 от 2: Използвайте вграден CSS елемент
Вмъкнете атрибута стил в HTML маркера. Имоти стил = "" ви позволява да използвате CSS в HML документи. Ето един лесен начин да зададете цвета на шрифта, дори ако не знаете за CSS. Опитайте да зададете атрибута style на един от HTML маркерите:Тагът p се използва за идентифициране на парче текст.
- Етикетът се използва за създаване на връзка.
- Използвайте маркери за обхват, за да оцветите част от абзац, без да променяте форматирането.
Обозначение на цвета. Поставете цвят: с име на цвят или шестнадесетичен код вътре в кавичките. За повече подробности относно имената и цветовите кодове вижте метода по-горе или опитайте следните примери:- Този код представлява червен текст.
- Този код създава тъмно маслинено зелен цвят.
- CSS поддържа 3-цифрено съкращаване. Цветовият код 745 означава 774455.
Използвайте CSS класове с шрифтове, които използвате често. Ако искате да оформите всеки надпис на изображение или заглавие за част от съдържанието на голяма уеб страница, не е нужно да въвеждате целия код отново и отново. Вместо това дефинирайте CSS клас в началото на текста, за да можете да извикате класа само с една стенограма всеки път, когато искате да използвате този стил. Ето пример, показващ някои нови употреби на атрибута style:- В раздел на HTML документа, поставете следния код:
- След това в тялото на текста използвайте атрибута, за да добавите този стил като елемент. Като,
този параграф
тъмно зелен, голям курсивен шрифт. - Обърнете внимание, че можете да използвате всяка дума вместо "фантазия", за да опишете шрифт.
- В раздел на HTML документа, поставете следния код:
Съвети
- Трябва да се опитате да направите страницата си лесна за четене. Светлите текстови цветове трудно ще се четат на бяло, а тъмните текстови цветове ще се четат трудно на черно.
- По-старите компютри показват ограничение от 65 000 цвята, докато по-старите компютри показват ограничение от 256 цвята. Над 99% от потребителите на интернет обаче ще могат да видят цвета, който сте посочили.
Внимание
- Елементът на шрифта не се поддържа от стандарта XHTML 1.0 Strict DTD.