Com utilitzar les etiquetes de color de lletra en HTML

Content

• etapes
• Mètode 1 Utilitzeu etiquetes HTML
• Mètode 2 Utilitzeu CSS a les etiquetes

L'etiqueta de lletra HTML ara és obsoleta i els desenvolupadors professionals haurien d'evitar-la. Tot i que és molt senzill canviar el color de la lletra en un projecte personal, no hi ha cap garantia de que continuï funcionant a mesura que els navegadors web s’actualitzin. Per obtenir millors resultats, heu d'utilitzar el mètode amb CSS.

etapes

Mètode 1 Utilitzeu etiquetes HTML

1. 
   

   
   Creeu l’etiqueta de tipus de lletra. Posa l’etiqueta davant del que voleu pintar. Tanqueu-lo posant a finals de e.
   • Per exemple:
     Vull que això sigui de color blau

2. 
   

   
   Afegiu l'atribut del color. afegir color = "" dins de l’etiqueta d’obertura. Aleshores, heu de posar el color que escolliu entre les cometes (en anglès).
   • Per exemple:
     Vull que això sigui de color blau

3. 
   

   
   Trieu el nom del color. Sempre és una paraula senzilla en anglès, sense espai. Proveu noms simples com "blau", "vermell" o alguna cosa més específic com ara "lightblue" (blau fosc) o "darkblue" (blau fosc). Per obtenir més opcions, cerqueu una llista de noms de colors acceptats com ara marró, acer i llima.
   • Per exemple:
     Vull que això sigui de color blau

4. 
   

   
   
   
   Al seu lloc, utilitzeu un codi hexadecimal. HTML us permet triar entre milions de colors, però no sempre hi ha noms. En lloc d'això, fareu servir un codi de sis dígits en un sistema anomenat hexadecimal. Hi ha molts llocs web que ofereixen llistes de codis hexadecimals per a colors, o fins i tot podeu triar el color directament a la pantalla per obtenir el codi. El número comença amb el símbol # seguit de sis dígits formats per dígits de 0 a 9 i les lletres d a F.
   • El codi # FF0000 és el mateix que el color vermell marcat amb "vermell".
   • Aquest codi genera un color verd.
   • Aquest codi converteix l'e en blau.

5. 
   

   
   
   
   Juga amb valors RGB. No heu de saber com funciona el codi de colors hexadecimal per triar un color que us agradi en una paleta que trobeu a Internet. Tanmateix, si voleu fer diversos experiments, heu de començar pels conceptes bàsics.
   • Cada nombre de sis dígits es divideix en valors per vermell, verd i blau (o "RGB" per "vermell, verd, blau"). Per exemple, el codi # FF0000 significa "vermell: FF, verd: 00, blau: 00".
   • Per canviar la quantitat de vermell, canvieu els dos primers dígits. Podeu utilitzar un valor entre 00 (sense vermell) i 99 (una mica vermell) i entre AA (una mica més vermell) i FF (el màxim de vermell).
   • Utilitzeu el mateix sistema per canviar el valor de verd (els dos dígits mitjans) i de blau (els dos últims dígits).

6. 
   

   
   Comprendre el codi en profunditat. Per obtenir una selecció de colors més precisa, heu d’entendre altres dos conceptes.
   • Cadascun d’aquests tres valors està format per un número de dos dígits. Per fer petites edicions, podeu canviar el segon dígit. Per exemple: #850000 i #890000 són molt similars però # A50000 és molt més clar.
   • Els valors RGB es barregen sobre la base del sistema additiu de síntesi de colors. Marca vermella i verda groc, blau i verd cien i el color vermell i blau magenta .

Mètode 2 Utilitzeu CSS a les etiquetes

1. 
   

   
   Inseriu l'atribut "style" a l'etiqueta. Aquest atribut us permet posar directament CSS a l’etiqueta HTML. És una manera senzilla de canviar el color, fins i tot si no coneixeu CSS. Proveu d'introduir-lo en una de les etiquetes següents:

   • l’etiqueta p envolta un paràgraf amb e

   • l'etiqueta ha envoltat un enllaç
   • utilitzeu l'etiqueta span per canviar el color d'una part de l'e sense canviar el format

2. 
   

   
   Indiqueu el color. Insereix color: seguit del nom del codi de color o hexadecimal dins de les cometes. Per obtenir més informació sobre els noms de color, consulteu els exemples del mètode anterior.
   • L’e és ara en vermell.
   • Aquí teniu el codi del verd oliva fosc.
   • CSS admet codis de colors escurçats de tres dígits. El codi 745 és l'abreviatura de 774455.

3. 
   

   
   Utilitzeu les classes CSS. Si voleu aplicar el mateix estil a totes les fotos o a tots els títols del capítol, no heu de repetir el mateix codi cada vegada. En lloc d'això, podeu definir una classe a la capçalera del document de manera que pugueu referir-la més endavant sempre que vulgueu aplicar el mateix estil. A continuació, es mostra un exemple per mostrar diversos usos de l’atribut “style”.
   • A la secció de la pàgina HTML, copieu el codi següent:
     
   • Al cos del mateix document, utilitzeu l'atribut per afegir aquest estil a l'element. Per exemple:

     aquest paràgraf

     apareixerà en verd fosc amb un tipus de lletra cursiva ampli.
   • Sabeu que no heu de cridar la vostra classe "de luxe", podeu donar-li el nom que vulgueu.