Kako koristiti oznake u boji HTML teksta

Autor: Monica Porter
Datum Stvaranja: 21 Ožujak 2021
Datum Ažuriranja: 27 Lipanj 2024
Anonim
Kako lako nauciti HTML - Notepad Tutorijali -1 Deo - stavljanje i promena polozaja teksta
Video: Kako lako nauciti HTML - Notepad Tutorijali -1 Deo - stavljanje i promena polozaja teksta

Sadržaj

Ovaj će vam članak pokazati kako promijeniti boju fonta u HTML dokumentima. Iako su oznake fontova zastarjele u HTML-u, pomoću CSS-a možete dodati boju tekstu HTML stranice. Ako upotrebljavate stariju verziju HTML-a, prema potrebi možete koristiti HTML oznaku fonta.

Koraci

Metoda 1 od 2: Koristite HTML oznake

  1. Stvorite oznake fonta. Set karata ispred teksta koji želite promijeniti boju. Stavite zatvaračku karticu iza teksta.
    • Kao što su:
      Ovaj će tekst biti plave boje.

  2. Dodajte atribute boje. Umetnuti boja = "" u karticu otvorena fonta. Boja koju želite bit će u navodnicima.
    • Na primjer:
      boja = ""Ovaj će tekst biti plave boje.

  3. Odaberite naziv boje. Naziv boje uvijek je jedna riječ bez razmaka. Isprobajte nešto jednostavno poput "plava" (plava), "crvena" (crvena) ili opisni naziv poput "svijetloplava" ili "tamnoplava" (tamnoplava). Za više opcija potražite svoj popis prepoznatih ključnih riječi u boji, koji uključuje "kesten" (tamno smeđa), "čelična plava" (sivo zelena) i "vapno" (svijetlo žuta).
    • Kao što su:
      Ovaj će tekst biti plave boje.

  4. Koristite heksadecimalne kodove boja. HTML vam omogućuje da odaberete između milijuna boja, ali nemaju sve boje naziv. Umjesto toga koriste kôd od šest znakova napisan u heksadecimalnom obliku. Na internetu postoji mnogo web stranica koje navode heksadecimalne kodove boja ili vam omogućuju odabir boje na zaslonu i prikaz hex vrijednosti. Ovaj kod započinje znakom # i ima šest znakova, uključujući brojeve 0-9 ili slovo A-F.
    • Kod # FF0000 predstavlja crvenu boju.
    • Ovaj kod daje zeleni tekst.
    • Ovaj kod daje plavi tekst.
  5. Eksperimentirajte s RGB vrijednostima. Ne morate znati kako funkcionira kodiranje heksadecimalnih boja da biste mogli koristiti mrežni alat za odabir boja. Međutim, ako želite iskustvo, možete započeti s osnovama:
    • Svaki kod od šest znakova podijeljen je na vrijednosti crvena, zelena (zelena) i plava ("RGB"). Na primjer, kod # FF0000 znači "crvena: FF zelena: 00 plava: 00".
    • Da biste promijenili količinu crvene boje, promijenite prva dva znaka. Možete koristiti bilo koju vrijednost od 00 (bez crvene) do 99 (blago crvena) ili slova AA (crvenkasta) do FF (maksimalna količina crvene).
    • Upotrijebite isti sustav za promjenu vrijednosti u zelenu (dva srednja znaka) ili plavu (posljednje dvije znamenke).
  6. Steknite dublje razumijevanje heksadecimalnih kodova boja. Da biste odabrali ispravnu boju, morate znati sljedeća dva pojma:
    • Svaka tri vrijednosti boje su dvije znamenke. Ako želite napraviti manje prilagodbi, samo promijenite drugu znamenku. Na primjer, # 850000 i # 890000 prilično su slični, a # A50000 će biti malo svjetliji.
    • Kombinirane RGB vrijednosti jednake su sustavu boja plus. Crvena i zelena će proizvesti žutu; plavi i zeleni oblik cijan; Crvena i plava proizvest će bordo boju.
    oglas

Metoda 2 od 2: Upotrijebite ugrađeni CSS element

  1. Umetnite atribut style u HTML oznaku. Svojstva stil = "" omogućuje vam upotrebu CSS-a u HML dokumentima. Evo jednostavnog načina postavljanja boje fonta čak i ako ne znate CSS. Pokušajte atribut style postaviti na jednu od HTML oznaka:
  2. Oznaka boje. Umetnuti boja: s nazivom boje ili heksadecimalnim kodom unutar navodnika. Za više detalja o imenima i kodovima boja pogledajte gornju metodu ili isprobajte sljedeće primjere:
    • Ovaj kod predstavlja crveni tekst.
    • Ovaj kod daje tamno maslinastozelenu boju.
    • CSS podržava 3-znamenkasto skraćivanje. Šifra boje 745 označava 774455.
  3. Koristite CSS klase s fontovima koje često koristite. Ako želite oblikovati svaki naslov slike ili naslov za dio sadržaja na velikoj web stranici, ne trebate iznova upisivati ​​cijeli kôd. Umjesto toga, definirajte CSS klasu na početku teksta, tako da možete pozvati klasu samo jednom stenografijom svaki put kada želite koristiti taj stil. Evo primjera koji pokazuje neke nove upotrebe atributa style:
    • U odjeljku HTML dokumenta, zalijepite sljedeći kod:
    • Dalje, u tijelu teksta upotrijebite atribut da biste dodali ovaj stil kao element. Kao što su,

      ovaj odlomak

      tamnozelena, velika Kurzivna fonta.
    • Imajte na umu da za opis slova možete koristiti bilo koju riječ umjesto "fancy".
    oglas

Savjet

  • Trebali biste pokušati olakšati čitanje vaše stranice. Svijetle boje teksta teško će se čitati na bijeloj, a tamne boje teksta s crne boje.
  • Starija računala imaju ograničenje od 65.000 boja, dok starija računala imaju ograničenje od 256 boja. Međutim, više od 99% korisnika interneta moći će vidjeti boju koju navedete.

Upozorenje

  • Element fonta nije podržan u standardu XHTML 1.0 Strict DTD.