Hvordan bruke skriftfargekoder i HTML

Innholdsfortegnelse:

Hvordan bruke skriftfargekoder i HTML
Hvordan bruke skriftfargekoder i HTML
Anonim

HTML -fontkoden er nå foreldet, og profesjonelle utviklere bør unngå å bruke den. Selv om det er veldig enkelt å endre skriftfarge på et personlig prosjekt, er det ingen garanti for at det vil fortsette å fungere som oppdatering av nettlesere. For best resultat bør du bruke metoden med CSS.

Trinn

Metode 1 av 2: Bruk HTML -koder

Bruk Font Color Tags i HTML Trinn 1

Trinn 1. Opprett fontkoden

Sett koden foran teksten du vil farge. Lukk den ved å sette den på slutten av teksten.

  • For eksempel:

    Jeg vil at denne teksten skal være blå

Bruk Font Color Tags i HTML Trinn 2

Trinn 2. Legg til attributtet for fargen

legge til farge = "" inne i åpningen. Du må deretter sette fargen du ønsker mellom anførselstegnene (på engelsk).

  • For eksempel:

    Jeg vil at denne teksten skal være blå

Bruk Font Color Tags i HTML Trinn 3

Trinn 3. Velg navnet på fargen

Det er fortsatt et enkelt ord på engelsk, uten mellomrom. Prøv enkle navn som “blå”, “rød” eller noe mer spesifikt som “lyseblått” eller “mørkblått” (mørkeblått). For flere valg, finn en liste over godkjente fargenavn som "maroon" (brun), "steelblue" (stålblå) og "lime" (limegrønn).

  • For eksempel:

    <font color = "blå"> Jeg vil at denne teksten skal være blå

Bruk Font Color Tags i HTML Trinn 4

Trinn 4. Bruk en heksadesimal kode i stedet

HTML lar deg velge mellom millioner av farger, men det er ikke alltid navn på dem. I stedet bruker du en sekssifret kode i et system som kalles heksadesimal. Det er mange nettsteder som tilbyr heksadesimale kodelister for farger, eller du kan til og med velge fargen direkte på skjermen for å få koden. Tallet begynner med symbolet # etterfulgt av seks sifre sammensatt av sifrene i desimalsystemet fra 0 til 9 og bokstavene fra A til F.

  • Koden # FF0000 er den samme som fargen rød betegnet "rød".
  • Denne koden genererer en grønn farge.
  • Denne koden gjør teksten blå.
Bruk Font Color Tags i HTML Trinn 5

Trinn 5. Lek med RGB -verdiene

Du trenger ikke å vite hvordan den heksadesimale fargekoden fungerer for å velge en farge du liker fra en palett du finner på Internett. Men hvis du vil gjøre flere eksperimenter, må du begynne med det grunnleggende.

  • Hvert sekssifret tall er delt inn i verdier for rødt, grønt og blått (eller "RGB" for "rødt, grønt, blått"). For eksempel betyr koden # FF0000 faktisk "rød: FF, grønn: 00, blå: 00".
  • Hvis du vil endre mengden rødt, endrer du de to første sifrene. Du kan bruke en verdi mellom 00 (ingen rød i det hele tatt) og 99 (litt rød) og mellom AA (litt mer rød) og FF (maksimum for rødt).
  • Bruk samme system for å endre verdien av grønt (de to midterste sifrene) og blått (de to siste sifrene).
Bruk Font Color Tags i HTML Trinn 6

Trinn 6. Forstå koden i dybden

For å få et mer nøyaktig fargevalg, må du forstå to andre konsepter.

  • Hver av disse tre verdiene består av et tosifret tall. For små touch-ups kan du endre det andre sifferet. For eksempel: # 850000 og # 890000 er veldig like, men # A50000 er mye tydeligere.
  • RGB -verdier blandes basert på det additive fargesyntesesystemet. Rødt og grønt gjør gult, blått og grønt gjør cyan, og rødt og blått gjør magenta.

Metode 2 av 2: Bruk CSS i koder

Bruk Font Color Tags i HTML trinn 7

Trinn 1. Sett inn "style" -attributtet i taggen

Dette attributtet lar deg sette CSS direkte inn i HTML -taggen. Det er en enkel måte å endre farge selv om du ikke kjenner CSS. Prøv å sette den i en av følgende tagger:

  • p -taggen omgir et avsnitt med tekst

  • merket a omgir en lenke
  • bruk span -taggen til å endre fargen på en del av teksten uten å endre formatet
Bruk Font Color Tags i HTML Trinn 8

Trinn 2. Angi fargen

Sett inn farge:

etterfulgt av navnet på fargen eller heksadesimalkoden inne i anførselstegnene. For mer informasjon om fargenavn, se eksemplene i den forrige metoden.

  • Teksten er nå rød.
  • Her er koden for mørk olivengrønn.
  • CSS støtter forkortede tresifrede fargekoder. Koden 745 er forkortelsen for 774455.
Bruk Font Color Tags i HTML Trinn 9

Trinn 3. Bruk CSS -klassene

Hvis du vil bruke samme stil på alle bilder eller alle kapitletitler, trenger du ikke gjenta den samme koden hver gang. I stedet kan du definere en klasse i dokumentoverskriften, slik at du kan referere til den senere når du vil bruke samme stil. Her er et eksempel for å vise flere bruksområder for attributtet "style".

  • Kopier følgende kode i delen av HTML -siden din:

    .fancy {

    font-family: Cursive;

    farge: mørkegrønn;

    skriftstørrelse: 150%;

    }

  • Bruk attributtet i brødteksten i det samme dokumentet klasse = "fancy" for å legge denne stilen til elementet. For eksempel:

    dette avsnittet

    vises i mørkegrønn med en stor Cursive -skrift.

  • Vær oppmerksom på at du ikke trenger å kalle klassen din "fancy", du kan kalle den hva du vil.

Råd

  • Prøv å gjøre siden lett å lese. For lyse farger er vanskelige å lese på hvit bakgrunn, og mørke farger er vanskelige å lese på svart bakgrunn.
  • Eldre skjermer har en grense på 65 000 farger, og enda eldre skjermer er begrenset til 256 farger. Imidlertid vil over 99% av Internett -brukerne kunne se fargene du vil vise.

Populær etter emne