Content

• Passos
• Consells
• Advertiment

Aquest article us mostrarà com canviar el color de la lletra als documents HTML. Tot i que les etiquetes de tipus de lletra estan obsoletes en HTML, podeu utilitzar CSS per afegir color al text d’una pàgina HTML. Si feu servir una versió anterior d’HTML, podeu utilitzar l’etiqueta de tipus de lletra HTML segons calgui.

Passos

Mètode 1 de 2: utilitzeu etiquetes HTML

1. 

   Creeu etiquetes de tipus de lletra. Conjunt de cartes davant del text voleu canviar de color. Col·loca la targeta de tancament darrere del text.
   • Tal com:
     Aquest text serà de color blau.

2. 

   
   
   Afegiu atributs de color. Insereix color = "" a la pestanya oberta de tipus de lletra. El color que vulgueu estarà entre cometes.
   • Per exemple:
     color = ""Aquest text serà de color blau.

3. 

   
   
   Trieu un nom de color. El nom del color sempre és una paraula sense espais. Proveu alguna cosa senzill, com ara "blau" (blau), "vermell" (vermell) o un nom descriptiu com "blau clar" o "blau fosc" (blau fosc). Per obtenir més opcions, consulteu la llista de paraules clau de color reconeguda, que inclou "marró" (marró fosc), "steelblue" (verd gris) i "calç" (groc clar).
   • Tal com:
     Aquest text serà de color blau.

4. 

   
   
   Utilitzeu codis de colors hexadecimals. L'HTML us permet triar entre milions de colors, però no tots tenen un nom. En el seu lloc, utilitzen un codi de sis caràcters escrit en hexadecimal. Al web hi ha molts llocs web que mostren codis de colors hexadecimals o que us permeten escollir un color a la pantalla i mostrar-ne el valor. Aquest codi comença amb un signe # i té sis caràcters, inclosos els números 0-9 o una lletra A-F.
   • El codi # FF0000 representa el color vermell.
   • Aquest codi genera text verd.
   • Aquest codi produeix text blau.

5. 

   Experimenteu amb valors RGB. No haureu de saber com funciona la codificació de colors hexadecimal per poder utilitzar un selector de colors en línia. Tot i això, si voleu l’experiència, podeu començar amb els conceptes bàsics:
   • Cada codi de sis caràcters es divideix en valors de vermell, verd (verd) i blau ("RGB"). Per exemple, el codi # FF0000 significa "vermell: FF verd: 00 blau: 00".
   • Per canviar la quantitat de vermell, canvieu els dos primers caràcters. Podeu utilitzar qualsevol valor des de 00 (sense vermell) fins a 99 (lleugerament vermell) o les lletres AA (vermelloses) fins a FF (quantitat màxima de vermell).
   • Utilitzeu el mateix sistema per canviar el valor a verd (els dos dígits centrals) o blau (els dos darrers dígits).

6. 

   Obteniu una comprensió més profunda dels codis de color hexadecimal. Per triar el color correcte, heu de conèixer els dos conceptes següents:
   • Els tres valors de color són de dos dígits. Si voleu fer menys ajustos, canvieu el segon dígit. Per exemple, # 850000 i # 890000 són força similars i # A50000 serà una mica més brillant.
   • Els valors RGB combinats són iguals al sistema de color plus. El vermell i el verd produiran groc; blau i verd formen cian; El vermell i el blau produiran un color bordeus.
   publicitat

Mètode 2 de 2: utilitzeu un element CSS en línia

1. 

   Inseriu l'atribut d'estil a l'etiqueta HTML. Propietats style = "" us permet utilitzar CSS en documents HML. A continuació, es mostra una manera senzilla d’establir el color de la lletra, encara que no conegueu CSS. Proveu de configurar l'atribut style a una de les etiquetes HTML:

   • L'etiqueta p s'utilitza per identificar un tros de text.

   • L’etiqueta a s’utilitza per crear un enllaç.
   • Utilitzeu les etiquetes span per acolorir part d’un paràgraf sense canviar el format.

2. 

   Designació del color. Insereix color: amb el nom del color o el codi hexadecimal dins de les cometes. Per obtenir més informació sobre els noms i els codis de colors, consulteu el mètode anterior o proveu els exemples següents:
   • Aquest codi constitueix un text vermell.
   • Aquest codi produeix un color verd oliva fosc.
   • CSS admet escurçament de 3 dígits. El codi de color 745 significa 774455.

3. 

   Utilitzeu classes CSS amb tipografies que utilitzeu sovint. Si voleu donar estil a tots els títols de la imatge o títol per a un tros de contingut d’una pàgina web gran, no cal que escriviu el codi sencer una i altra vegada. En lloc d'això, definiu una classe CSS al començament del text, de manera que pugueu trucar a la classe amb només una abreviatura cada vegada que vulgueu utilitzar aquest estil. Aquí teniu un exemple que mostra alguns usos nous de l'atribut style:
   • A la secció del document HTML, enganxeu el codi següent:
     
   • A continuació, al cos del text, utilitzeu l'atribut per afegir aquest estil com a element. Tal com,

     aquest paràgraf

     de color verd fosc, lletra cursiva gran.
   • Tingueu en compte que podeu utilitzar qualsevol paraula en lloc de "fantasia" per descriure una tipografia.
   publicitat

Consells

• Heu d’intentar que la vostra pàgina sigui fàcil de llegir. Els colors de text clar seran difícils de llegir en blanc i els de text fosc seran difícils de llegir en negre.
• Els ordinadors més antics mostren un límit de 65.000 colors, mentre que els ordinadors més antics mostren un límit de 256 colors. No obstant això, més del 99% dels usuaris d'Internet podran veure el color que especifiqueu.

Advertiment

• L'element de tipus de lletra no és compatible amb l'estàndard XTD 1.0 Strict DTD.