Selles õpetuses vaatleme viimast sildi atribuuti , mis määrab teksti värvi. Vaikimisi on tekst must, mis kuvatakse valgel taustal. Selleks, et muutke teksti värvi html-is, peate rakendama sildi atribuuti color :
Värvi määramiseks määrake lihtsalt selle nimi, näiteks: punane, roheline, sinine. Vaatame väikest näidet:
Roheline tekst
Punane tekst
Lilla tekst
Vaatame tulemust brauseris:
Esimese lõigu tekst muutus roheliseks, teine lõik punaseks ja kolmas lõik lillaks. Kokku on 16 põhivärvi nimetust ja 130 lisavärvi. Täielikku värvide loendit näete html-värvitabelis.
Selline värvi näitamise viis on väga lihtne, kuid väga piiratud. Seetõttu kasutavad nad HTML-koodi värvi muutmiseks sageli kuueteistkümnendsüsteemi numbrit, millele eelneb räsimärk (#), näiteks:
Seda nimetust kasutades saate rohkem kui 16 miljonit värvi ja nende tooni! Värvikoodi saate saidil saadaoleva HEX-värvimuunduri või Photoshopi värvipaleti abil. Vaatame näidet ja kirjutame järgmise koodi:
Roheline tekst
Punane tekst
Lilla tekst
Salvestame faili ja vaatame tulemust:
Nagu näha, seadsime teksti samadele värvidele nagu esimeses näites, ainult siin kasutasime kuueteistkümnendsüsteemi numbrite süsteemi ehk teisisõnu määrasime värvi HEX formaadis.
Nüüd olete õppinud, kuidas muuta teksti värvi html-is ja õppetunni lõpus soovitan korrata kõiki sildi atribuute ja määrake tekstile korraga mitu parameetrit, nimelt: font, suurus ja värv. Kirjutage näide üles:
Määrake teksti font, suurus ja värv
Määrake teksti font, suurus ja värv
Veebilehte luues tuleb silmitsi seista erinevate kujunduslike väljakutsetega. Üks levinumaid küsimusi on, kuidas muuta HTML-is teksti värvi. Selle lahendamine on üsna lihtne ja selleks on kaks erinevat viisi.
Määrake tekstisisese tekstistiili atribuut
Et mõista, kuidas HTML-is teksti värvi muuta, vaadake lihtsalt tekstivälja atribuutide loendit. Nende hulgas on mitmeid väärtusi, mis määravad nendesse siltidesse lisatud teksti stiili, mis on määratud stiili märksõna sees.
Teksti värvi muutmiseks sisestage lihtsalt avamärgendi tekstivälja valitud alale sõna style= "". Selle atribuudi sees saate määrata erinevaid parameetriväärtusi - värviatribuudi väärtus vastutab teksti värvitooni muutmise eest. Selle parameetri määramisel tuleb pärast koolonmärki määrata värv, millega kõik sellel väljal olevad märgid värvitakse. Sel juhul saate tooni määramisel määrata nii selgesõnalise värviväärtuse, näiteks punase või kollase, kui ka selle kuueteistkümnendsüsteemi väärtuse ehk rgb.
Olenemata valitud meetodist värvi määramiseks on tulemus sama, kui toon on valitud sama. Seega teevad kõik järgmised kolm näidet tekstis samad muudatused – värvige see kollaseks.
1.
tekst
2.
tekst
3.
tekst
Värvi muutmine CSS-i abil
Stiililehe kasutamine võimaldab teil ka otsustada, kuidas HTML-is teksti värvi muuta. CSS-i toetavad täielikult kõik kaasaegsed HTML-i versioonid ja see võimaldab teil muuta ka mitme lehe elemendi stiili korraga.
Et mõista, kuidas HTML-is CSS-i abil teksti värvi muuta, ei pea te mõistma formaalset välimuse keelt. Teatud elemendi atribuutide määratlemiseks peate looma CSS-i kirjelduse, mis on kirjutatud sildi sisse
, ja selle määrab silt