Kako promijeniti boju teksta u html-u

U HTML-u boja teksta varira pomoću oznake , Ali ova metoda više nije podržana u HTML5. Umjesto navedene oznake, morate koristiti CSS za podešavanje boje teksta raznih elemenata stranica. Korištenje CSS-a osigurava da web stranica bude kompatibilna s bilo kojim pretraživačem.

Korake

Metoda 1 od 2:
Koristeći CSS
jedan. Otvorite HTML datoteku. Najbolji način za promjenu boje teksta je korištenje CSS-a. Stara tag Više nije podržan u HTML5. Dakle, koristite CSS za određivanje stila elemenata stranica.
  • Ova metoda se odnosi i na vanjske tablice u stilu (pojedinačne CSS datoteke). Sljedeći primjeri namijenjeni su HTML datoteci s tablicom internog stila.
  • 2. Pokrenite kursor unutar oznake . Stilovi su definirani unutar ove oznake, ako se koristi list unutarnjeg stila.
  • 3. Ući , Da biste stvorili list internog stila. Kad označite
  • 4. Unesite element čija boja treba promijeniti. Koristite odjeljak
     {}
  • pet. U selektoru elementa unesite atribut Boja:. Ovaj atribut definira boju teksta odabrane stavke. U našem primjeru, ovaj atribut će promijeniti boju glavnog teksta, što je stavka koja uključuje cijeli tekst na stranici:
     {Boja:}
  • 6. Unesite boju teksta. To se može učiniti na tri načina: unesite ime, unesite heksadecimalnu vrijednost ili unesite vrijednost RGB. Na primjer, da biste napravili tekst plave boje, unesite Plavi, RGB (0, 0, 255) ili # 0000ff.
     {Boja: Red-}
  • 7. Dodajte ostale selektore za promjenu boje različitih elemenata. Možete koristiti razne selektore za promjenu boje teksta različitih stavki stranice:
     {Boja: Red-} H1 {Boja: # 00ff00-} P {boja: RGB (0,0,255)}Ovaj će naslov biti zelen.Ovaj odlomak će biti plav.Ovaj osnovni tekst bit će crveni.
  • osam. Navedite CSS klase stilista umjesto promjene predmeta. Možete odrediti klasu stila, a zatim je primijeniti na bilo koju stavku stranice da biste promijenili stil elementa. Na primjer, klasa .RedText će slikati tekst elementa na koji se ova klasa primjenjuje u crvenoj boji:
     {Boja: Red-} klasa ="RedText"> Ovaj će naslov biti redextot odlomak će biti standardni. klasa ="RedText"> Ovaj odlomak će biti crveni
  • Metoda 2 od 2:
    Korištenje ugrađenih atributa
    jedan. Otvorite HTML datoteku. Možete koristiti ugrađene atribute stila za promjenu stila jednog elementa stranice. Može biti korisno ako trebate napraviti jednu ili dvije promjene u stilu, ali ne preporučuje se za velike upotrebe. Da biste u potpunosti promijenili stil, koristite prethodnu metodu.
  • 2. Pronađite predmet za promjenu.Upotreba ugrađenih atributa stila možete promijeniti boju teksta bilo koje stavke stranice. Na primjer, da biste promijenili boju teksta određenog zaglavlja, pronađite ga u datoteci:
    Ovaj naslov treba promijeniti
  • 3. Dodajte atribut stila na stavku. Unutar oznake otvora varijabilnog elementa, unesite Stil ="":
     Stil =""> Ovaj naslov treba promijeniti
  • 4. Iznutra "" Ući Boja:. Na primjer:
     Stil ="Boja:"> Ovaj naslov treba promijeniti 
  • pet. Unesite boju teksta. To se može učiniti na tri načina: unesite ime, unesite heksadecimalnu vrijednost ili unesite vrijednost RGB. Na primjer, da bi tekst bio žuti, unesite Žuto-, RGB (255,255,0)- ili # Ffff00-:
     Stil ="Boja: # ffff00-"> Ovaj naslov postao je žut
  • Savjeti

    • Lista podržanih boja i njihovih heksadecimalnih vrijednosti mogu se naći na web mjestu http: // W3SChools.Com / boje / colors_names.ASP
    Slične publikacije