Sådan bruges fontfarve tags i HTML

Indhold

• etaper
• Metode 1 Brug HTML-tags
• Metode 2 Brug CSS i tags

HTML-fontmærket er nu forældet, og professionelle udviklere bør undgå at bruge det. Selvom det er meget simpelt at ændre farven på skrifttypen på et personligt projekt, er der ingen garanti for, at den fortsætter med at arbejde, når webbrowsere opdateres. For at få de bedste resultater skal du bruge metoden sammen med CSS.

etaper

Metode 1 Brug HTML-tags

1. 
   

   
   Opret fontmærket. Sæt mærket foran den e du ønsker at farve. Luk den ved at sætte i slutningen af ​​e.
   • For eksempel:
     Jeg vil have, at dette skal være i blåt

2. 
   

   
   Tilføj attributten for farven. tilføje farve = "" inde i åbningskoden. Du skal derefter anbringe den valgte farve i anførselstegnene (på engelsk).
   • For eksempel:
     Jeg vil have, at dette skal være i blåt

3. 
   

   
   
   
   Vælg navnet på farven. Det er altid et simpelt ord på engelsk, uden plads. Prøv enkle navne som "blå", "rød" eller noget mere specifikt som "lyseblå" (mørkeblå) eller "mørkeblå" (mørkeblå). Find en liste over accepterede farvenavne som maroon, steelblue og kalk for flere valg.
   • For eksempel:
     Jeg vil have, at dette skal være i blåt

4. 
   

   
   Brug i stedet en hexadecimal kode. HTML giver dig mulighed for at vælge mellem millioner af farver, men der er ikke altid navne på dem. I stedet vil du bruge en sekscifret kode i et system kaldet hexadecimal. Der er mange websteder, der tilbyder hexadecimale kodelister for farver, eller du kan endda vælge farven direkte på din skærm for at få koden. Tallet begynder med symbolet # efterfulgt af seks cifre bestående af cifre fra 0 til 9 og bogstaver d til F.
   • Koden # FF0000 er den samme som den røde farve, der er markeret "rød".
   • Denne kode genererer en grøn farve.
   • Denne kode gør e i blåt.

5. 
   

   
   
   
   Spil med RGB-værdier. Du behøver ikke vide, hvordan den hexadecimale farvekode fungerer for at vælge en farve, du kan lide på en palet, du finder på Internettet. Hvis du imidlertid vil udføre flere eksperimenter, skal du starte med det grundlæggende.
   • Hvert sekscifrede tal er opdelt i værdier for rød, grøn og blå (eller "RGB" for "rød, grøn, blå"). For eksempel betyder koden # FF0000 faktisk "rød: FF, grøn: 00, blå: 00".
   • For at ændre mængden af ​​rødt skal du ændre de to første cifre. Du kan bruge en værdi mellem 00 (ingen rød overhovedet) og 99 (lidt rød) og mellem AA (lidt mere rød) og FF (det røde maksimum).
   • Brug det samme system til at ændre værdien af ​​grøn (de to midterste cifre) og blå (de to sidste cifre).

6. 
   

   
   Forstå koden i dybden. For at få et mere nøjagtigt valg af farver skal du forstå to andre koncepter.
   • Hver af disse tre værdier er lavet af et tocifret tal. For at foretage små redigeringer kan du ændre det andet ciffer. For eksempel: #850000 og #890000 er meget ens, men # A50000 er meget klarere.
   • RGB-værdierne blandes på basis af det additive farvesyntesesystem. Rød og grøn mærke gul, blå og grøn mærke cyan og rød og blå mærke magenta .

Metode 2 Brug CSS i tags

1. 
   

   
   Indsæt attributten "stil" i tagget. Denne attribut giver dig mulighed for at placere CSS direkte i HTML-mærket. Det er en enkel måde at ændre farve på, selvom du ikke kender CSS. Prøv at sætte det i en af ​​følgende tags:

   • p-mærket omgiver et afsnit med e

   • tagget har omgivet et link
   • Brug span-mærket til at ændre farven på en del af e uden at ændre formatet

2. 
   

   
   Angiv farven. Indsæt farve: efterfulgt af navnet på farve eller hexadecimal kode inden i anførselstegnene. For mere information om farvenavne, se eksemplerne i den foregående metode.
   • E er nu i rødt.
   • Her er koden for den mørke olivengrøn.
   • CSS understøtter trecifrede forkortede farvekoder. Koden 745 er en forkortelse af 774455.

3. 
   

   
   Brug CSS klasser. Hvis du vil anvende den samme stil på alle fotos eller alle kapitletitler, behøver du ikke at gentage den samme kode hver gang. I stedet kan du definere en klasse i overskriften på dokumentet, så du kan henvise til den senere, når du vil anvende den samme stil. Her er et eksempel til at vise flere anvendelser af attributten "stil".
   • I afsnittet på din HTML-side, kopier følgende kode:
     
   • Brug kendetegnen til det samme dokument for at tilføje denne stil til elementet. For eksempel:

     dette afsnit

     vises i mørkegrønt med en bred kursiv skrifttype.
   • Vid, at du ikke behøver at kalde din klasse "fancy", du kan give den det ønskede navn.