Hvordan bruke fontfargemerker i HTML
Forfatter:
Lewis Jackson
Opprettelsesdato:
5 Kan 2021
Oppdater Dato:
1 Juli 2024
![Hvordan bruke fontfargemerker i HTML - Guider Hvordan bruke fontfargemerker i HTML - Guider](https://a.eco-link.org/guides/comment-utiliser-les-balises-de-couleur-de-police-en-html-5.jpg)
Innhold
I denne artikkelen: Bruke HTML-koder Bruk CSS i tagger6 Referanser
HTML-fontkoden er nå foreldet, og profesjonelle utviklere bør unngå å bruke den. Selv om det er veldig enkelt å endre fargen på skriften på et personlig prosjekt, er det ingen garanti for at den vil fortsette å fungere når nettlesere oppdateres. For best resultat, bør du bruke metoden med CSS.
stadier
Metode 1 Bruk HTML-koder
-
Lag fontkoden. Sett taggen foran e du vil fargelegge. Lukk den ved å sette på slutten av e.- For eksempel:
Jeg vil at dette skal være i blått
- For eksempel:
-
Legg til attributtet for fargen. Legg farge = "" inne i åpningskoden. Du må deretter legge fargen du ønsker i anførselstegnene (på engelsk).- For eksempel:
Jeg vil at dette skal være i blått
- For eksempel:
-
Velg navnet på fargen. Det er alltid et enkelt ord på engelsk, uten plass. Prøv enkle navn som "blå", "rød" eller noe mer spesifikt som "lysblå" (mørk blå) eller "mørk blå" (mørk blå). For flere valg, finn en liste over aksepterte fargenavn som maroon, steelblue og kalk.- For eksempel:
Jeg vil at dette skal være i blått
- For eksempel:
-
Bruk en heksadesimal kode i stedet. HTML lar deg velge mellom millioner av farger, men det er ikke alltid det er navn på dem. I stedet vil du bruke en sekssifret kode i et system som heter heksadesimal. Det er mange nettsteder som tilbyr heksadesimale kodelister for farger, eller du kan til og med velge farge direkte på skjermen for å få koden. Tallet begynner med symbolet # etterfulgt av seks sifre som består av sifre fra 0 til 9 og bokstavene d til F.- Koden # FF0000 er den samme som den røde fargen merket "rød".
- Denne koden genererer en grønn farge.
- Denne koden gjør e i blått.
-
Lek med RGB-verdier. Du trenger ikke å vite hvordan den heksadesimale fargekoden fungerer for å velge en farge du liker på en palett du finner på Internett. Imidlertid, hvis du vil gjøre flere eksperimenter, må du starte med det grunnleggende.- Hvert sekssifrede tall er delt inn i verdier for rød, grønn og blå (eller "RGB" for "rød, grønn, blå"). For eksempel betyr koden # FF0000 faktisk "rød: FF, grønn: 00, blå: 00".
- For å endre mengden rød, endre 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 (det røde maksimumet).
- Bruk samme system for å endre verdien på grønt (de to midterste sifrene) og blått (de to siste sifrene).
-
Forstå koden i dybden. For å få et mer nøyaktig fargevalg, må du forstå to andre konsepter.- Hver av disse tre verdiene er laget av et tosifret tall. For å gjøre små redigeringer, kan du endre det andre sifferet. For eksempel: #850000 og #890000 er veldig like, men # A50000 er mye tydeligere.
- RGB-verdiene blandes på grunnlag av additivt fargesyntesesystem. Rødt og grønt merke gul, blå og grønn merke cyan og rød og blå merke magenta .
Metode 2 Bruk CSS i tagger
-
Sett inn "stil" -attributtet i koden. Dette attributtet lar deg sette CSS direkte i HTML-koden. Det er en enkel måte å endre farge på, selv om du ikke kjenner CSS. Prøv å legge den i en av følgende koder:p-koden omgir et avsnitt med e
- taggen har omgitt en lenke
- bruk span-koden for å endre fargen på en del av e-en uten å endre formatet
-
Angi fargen. Sett farge: etterfulgt av navnet på fargen eller heksadesimal koden i anførselstegnene. For mer informasjon om fargenavn, se eksemplene i forrige metode.- E er nå i rødt.
- Her er koden for den mørke olivengrønne.
- CSS støtter tresifrede forkortede fargekoder. Koden 745 er forkortelsen til 774455.
-
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 overskriften på dokumentet, slik at du kan henvise til den senere når du vil bruke samme stil. Her er et eksempel for å vise flere bruksområder av "stil" -attributtet.- I seksjonen på HTML-siden din, kopier følgende kode:
- Bruk hoveddelen av det samme dokumentet for å legge denne stilen til elementet. For eksempel:
dette avsnittet
vil vises i mørkegrønn med en bred Cursive-skrift. - Vet at du ikke trenger å kalle klassen din "fancy", du kan gi den navnet du ønsker.
- I seksjonen på HTML-siden din, kopier følgende kode: