3 начина за използване на цветни маркери на шрифтове в HTML

Съдържание:

3 начина за използване на цветни маркери на шрифтове в HTML
3 начина за използване на цветни маркери на шрифтове в HTML

Видео: 3 начина за използване на цветни маркери на шрифтове в HTML

Видео: 3 начина за използване на цветни маркери на шрифтове в HTML
Видео: Тийн проблеми. Какъв да стана? Социалните мрежи. 2024, Април
Anonim

Това wikiHow ви учи как да промените цвета на шрифта в вашия HTML документ. Докато маркерът HTML шрифт е остарял в HTML5, можете да използвате CSS, за да добавите цвят към текста на вашата HTML страница. Ако работите с по -стара версия на HTML, можете да използвате маркера за цвят на HTML шрифта, ако е необходимо.

Стъпки

Метод 1 от 2: Използване на CSS

122247 1 1
122247 1 1

Стъпка 1. Изберете цвят за вашия текст

Въпреки че можете да използвате основни цветове (например "червено"), за да оцветите текста си, ще трябва да използвате HTML цветен генератор за по -нюансирани нюанси:

  • Отидете на https://www.w3schools.com/colors/colors_picker.asp в уеб браузъра на компютъра си.
  • Изберете основния цвят, който искате да използвате в шестоъгълника в горната част на страницата.
  • Превъртете до сянката, която искате да използвате в дясната страна на страницата.
  • Обърнете внимание на шест-знаковия код вдясно от сянката.
122247 2 1
122247 2 1

Стъпка 2. Отворете вашия HTML документ

Това трябва да е документът, за който искате да промените цвета на шрифта.

Ако все още нямате HTML документ, създайте го, преди да продължите

122247 3 1
122247 3 1

Стъпка 3. Намерете текста, който искате да оцветите

Превъртете документа си, докато намерите абзаца, заглавката или друга форма на текст, която искате да оцветите.

122247 4 1
122247 4 1

Стъпка 4. Забележете етикетите на текста

Например, ако текстът е заглавка, ще видите „

"пред него.

122247 5 1
122247 5 1

Стъпка 5. Добавете разделите „глава“и „стил“в горната част на документа

Ще направите това, като въведете под маркера "", натиснете ↵ Enter, въведете под маркера "", натиснете ↵ Enter два пъти и въведете затварящите тагове и за двете. Крайният резултат трябва да изглежда така:

     
122247 6 1
122247 6 1

Стъпка 6. Въведете етикета за стил „цвят“

Щракнете върху интервала между маркерите "", след това въведете следния код (уверете се, че сте заменили червеното с вашия цветен код и"

"с етикета за текста, който искате да оцветите):


{цвят: червен; }

122247 7 1
122247 7 1

Стъпка 7. Прегледайте документа си

Заглавката на страницата ви трябва да изглежда така:

     
122247 8 1
122247 8 1

Стъпка 8. Обединете цвета на основния текст

Ако искате да направите целия текст на вашия документ в един и същи цвят, въведете следния код с предпочитания от вас цвят, заменен с черен:

тяло {цвят: черен; }

Метод 2 от 2: Използване на HTML тагове

122247 9 1
122247 9 1

Стъпка 1. Изберете цвят за вашия текст

Въпреки че можете да използвате основни цветове (например "червено"), за да оцветите текста си, ще трябва да използвате HTML цветен генератор за по -нюансирани нюанси:

  • Отидете на https://www.w3schools.com/colors/colors_picker.asp в уеб браузъра на компютъра си.
  • Изберете основния цвят, който искате да използвате в шестоъгълника в горната част на страницата.
  • Превъртете до сянката, която искате да използвате в дясната страна на страницата.
  • Обърнете внимание на шест-знаковия код вдясно от сянката.
122247 10 1
122247 10 1

Стъпка 2. Отворете вашия HTML документ

Това трябва да е документът, за който искате да промените цвета на шрифта.

Ако все още нямате HTML документ, създайте го, преди да продължите

122247 11 1
122247 11 1

Стъпка 3. Намерете текста, който искате да оцветите

Превъртете документа си, докато намерите абзаца, заглавката или друга форма на текст, която искате да оцветите.

122247 12 1
122247 12 1

Стъпка 4. Добавете отворения маркер "font"

Щракнете веднага вляво от текста, който искате да оцветите, след това въведете следното (като се уверите, че сте заменили червеното с предпочитания от вас цвят):

122247 13 1
122247 13 1

Стъпка 5. Затворете маркера "font"

Щракнете върху интервала вдясно от края на текста, който оцветявате, след което въведете там.

Този текст е червен!

Примерен HTML код

Image
Image

Цветов код на HTML шрифт

Видео - Използвайки тази услуга, може да се сподели част от информацията с YouTube

Съвети

  • Опитайте се да направите страницата си лесна за четене. Ярките цветове са трудни за четене на бял фон, а тъмните цветове са трудни за четене на черен фон.
  • Цветовите кодове на HTML са разделени, както следва: първите два знака се отнасят до червени нюанси, вторите два се отнасят до зелено, а последните два се отнасят до синьо. Можете да използвате всичко от "00" до "99", за да посочите колко от всеки цвят искате; използването на "FF" вместо число извиква максималното количество на този цвят (например "0000FF" би било възможно най -синьо).
  • Старите компютърни дисплеи са ограничени до около 65 000 цвята, а много старите дисплеи са ограничени до 256. Въпреки това, над 99% от интернет потребителите ще могат да видят всеки цвят, който посочите.

Препоръчано: