Како променити боју текста у ХТМЛ-у

Шта знати

  • Ознаци додајте атрибут Стиле: стиле = "цолор: #ФФФФФФ"
  • Додајте одељак стила у ХТМЛ.
  • Креирајте засебну ЦСС табелу стилова: цолор: #ФФФФФФ;

Овај чланак објашњава како да одредите боје текста у ХТМЛ користећи три различите методе. Такође објашњава начине на које можете одредити боје које желите за текст.

3 начина за одређивање боја

У ХТМЛ-у се боје могу одредити на неколико начина:

  • Најједноставније је коришћење Енглески назив боје као такав зелена или цијан. Ако је ваш задатак једноставан, ово може учинити трик, али имајте на уму да је речник ХТМЛ-а у овом погледу ограничен.
  • Други приступ је постављање РГБ вредност боје, где су дате три величине, по једна за интензитет сложене боје црвене, зелене и плаве боје. Користите вредности РГБ боје да бисте подесили сенчење на стандардној боји или да бисте користили тачну вредност нијансе коју желите.
  • Можете доставити а хексадецимална вредност боје, што је знак фунте праћен шестоцифреним хексадецимални број. Ако желите да прецизно одредите боје, идите овом рутом.
instagram viewer

Програми потребни за промену ХТМЛ боја

Минимални комплет алата за подешавање боје текста у ХТМЛ-у је програм за уређивање ХТМЛ-а и претраживач за његово тестирање. ХТМЛ можете уређивати у уређивачу текста, једноставном програму као што је Нотепад који пише чисти текст или у уређивачу кода оптимизованом за обраду програмске синтаксе. Не можете да користите програм за обраду текста као што су Мицрософт Ворд, ЛибреОффице или Гоогле Доцс, јер ови програми убацују невидљиво форматирање тзв. контролни ликови који су некомпатибилни са ХТМЛ-ом.

Било који веб прегледач може приказати ХТМЛ датотеку коју желите да прегледате. Идите у директоријум који садржи ХТМЛ датотеку и кликните на њу, а прегледач би је требао приказати. Ако није, кликните десним тастером миша на датотеку и отворите је у прегледачу.

1. метод: Умотајте текст у ознаке стилом у боји

Најједноставнија техника за бојење текста је додавање стил атрибут и жељена вредност, који се заједно састоје од боја спецификација кључне речи и боје (хексадецимални код, РГБ код или име) на ХТМЛ ознаку која умотава циљни текст.

Ако желите да прилагодите текст који је већ умотан у ознаку, као што је ознака пасуса, идите на почетну ознаку и убаците следеће пред угаону заграду: а свемир, Реч стил, ан знак једнакости а затим, све унутар једног скупа наводника, боја кључна реч, дебело црево, свемир и спецификацију боје коју желите.

Уређивач кода са ХТМЛ-ом и истакнутим одељцима на левој страни и ХТМЛ прегледом и истакнутим резултатима на десној страни

Ако текст који мењате није заглављен између ознака - можда желите да прилагодите само део текста који настањује елемент - умотајте га у ознаке распона и додајте атрибут стила са кључном речи вредности вредности и спецификацијом као горе.

Уређивач кода са ХТМЛ-ом и истакнутим одељцима на левој страни и ХТМЛ прегледом и истакнутим резултатима на десној страни

2. метод: Додајте одељак стила у заглавље ХТМЛ документа

У.

Имена ХТМЛ ознака овде су иста као она наведена у

пресек, али без угаоних заграда. На пример,.

наведено под.

Уређивач кода са ХТМЛ-ом и истакнутим одељцима на левој страни и ХТМЛ прегледом и истакнутим резултатима на десној страни

Међутим, ХТМЛ такође можете стилизовати по класи, што је попут ознаке која се примењује за одабир инстанци ознаке унутар

одељак. На пример, ако желите само један одређени.

ознака да буде живописна, креирајте класу са прилагођеним именом унапред додато тачком у

Уређивач кода са ХТМЛ-ом и истакнутим одељцима на левој страни и ХТМЛ прегледом и истакнутим резултатима на десној страни

3. метод: Креирајте и повежите засебни ЦСС документ

Најорганизованији начин постављања боје текста и бесконачног низа других стилова је стварање засебног ЦСС табела стилова и линк до њега у ХТМЛ документу.

Поставите своје стилове обликоване баш као у а.

Уређивач кода са ХТМЛ и истакнутим одељцима с леве стране и ХТМЛ прегледом и истакнутим резултатима с десне стране, и ЦСС панел за уређивање са истакнутим одељцима на дну
instagram story viewer