Cum se utilizează etichete de culoare font în HTML

Conţinut

• etape
• Metoda 1 Utilizați etichete HTML
• Metoda 2 Utilizați CSS în etichete

Eticheta fontului HTML este acum învechită și dezvoltatorii profesioniști ar trebui să evite utilizarea acesteia. Deși este foarte simplu să schimbi culoarea fontului pe un proiect personal, nu există nicio garanție că va continua să funcționeze pe măsură ce browserele web se actualizează. Pentru cele mai bune rezultate, ar trebui să utilizați metoda cu CSS.

etape

Metoda 1 Utilizați etichete HTML

1. 
   

   
   Creați eticheta de font. Puneți eticheta în fața e vrei să colorezi. Închideți-l punând la sfârșitul e.
   • De exemplu:
     Vreau ca acest lucru să fie în albastru

2. 
   

   
   Adăugați atributul pentru culoare. adăuga color = "" în interiorul etichetei de deschidere. Apoi, trebuie să puneți culoarea aleasă în ghilimele (în engleză).
   • De exemplu:
     Vreau ca acest lucru să fie în albastru

3. 
   

   
   
   
   Alegeți numele culorii. Este întotdeauna un cuvânt simplu în engleză, fără spațiu. Încercați nume simple precum „albastru”, „roșu” sau ceva mai specific precum „lightblue” (albastru închis) sau „darkblue” (albastru închis). Pentru mai multe opțiuni, găsiți o listă de nume de culori acceptate, cum ar fi maroon, steelblue și var.
   • De exemplu:
     Vreau ca acest lucru să fie în albastru

4. 
   

   
   Utilizați în schimb un cod hexadecimal. HTML vă permite să alegeți dintre milioane de culori, dar nu există întotdeauna nume pentru ele. În schimb, veți folosi un cod format din șase cifre într-un sistem numit hexadecimal. Există multe site-uri care oferă liste de coduri hexadecimale pentru culori, sau puteți alege chiar culoarea direct pe ecranul dvs. pentru a obține codul. Numărul începe cu simbolul # urmat de șase cifre constând din cifre de la 0 la 9 și literele d la F.
   • Codul # FF0000 este același cu culoarea roșie marcată „roșu”.
   • Acest cod generează o culoare verde.
   • Acest cod face e-ul în albastru.

5. 
   

   
   
   
   Joacă cu valori RGB. Nu trebuie să știți cum funcționează codul color hexadecimal pentru a alege o culoare care vă place pe o paletă pe care o găsiți pe Internet. Cu toate acestea, dacă doriți să faceți mai multe experimente, trebuie să începeți cu elementele de bază.
   • Fiecare număr de șase cifre este împărțit în valori pentru roșu, verde și albastru (sau „RGB” pentru „roșu, verde, albastru”). De exemplu, codul # FF0000 înseamnă de fapt "roșu: FF, verde: 00, albastru: 00".
   • Pentru a schimba cantitatea de roșu, schimbați primele două cifre. Puteți utiliza o valoare între 00 (fără roșu deloc) și 99 (puțin roșu) și între AA (puțin mai roșu) și FF (maxim roșu).
   • Utilizați același sistem pentru a schimba valoarea verde (cele două cifre din mijloc) și albastru (ultimele două cifre).

6. 
   

   
   Înțelegeți codul în profunzime. Pentru a obține o selecție mai exactă a culorilor, trebuie să înțelegeți alte două concepte.
   • Fiecare dintre aceste trei valori este alcătuită dintr-un număr format din două cifre. Pentru a face mici modificări, puteți schimba a doua cifră. De exemplu: #850000 și #890000 sunt foarte similare dar # A50000 este mult mai clar.
   • Valorile RGB sunt amestecate pe baza sistemului de sinteză a culorilor aditive. Roșu și verde galben, albastru și verde cyan iar roșu și albastru fac purpuriu .

Metoda 2 Utilizați CSS în etichete

1. 
   

   
   Introduceți atributul „stil” în etichetă. Acest atribut vă permite să introduceți CSS direct în eticheta HTML. Este o modalitate simplă de a schimba culoarea chiar dacă nu cunoașteți CSS. Încercați să-l introduceți într-una dintre următoarele etichete:

   • eticheta p înconjoară un paragraf cu e

   • eticheta a înconjurat o legătură
   • utilizați eticheta span pentru a schimba culoarea unei părți a e fără a schimba formatul

2. 
   

   
   Indicați culoarea. Inserare culoare: urmat de numele culorii sau codului hexadecimal din ghilimele. Pentru mai multe informații despre numele culorilor, consultați exemplele din metoda anterioară.
   • E-ul este acum în roșu.
   • Iată codul pentru verde-măsliniu închis.
   • CSS acceptă coduri de culori scurtate din trei cifre. Codul 745 este prescurtarea la 774455.

3. 
   

   
   Utilizați clasele CSS. Dacă doriți să aplicați același stil tuturor fotografiilor sau tuturor titlurilor capitolului, nu trebuie să repetați același cod de fiecare dată. În schimb, puteți defini o clasă în antetul documentului, astfel încât să vă puteți referi la aceasta mai târziu ori de câte ori doriți să aplicați același stil. Iată un exemplu pentru a arăta mai multe utilizări ale atributului „stil”.
   • În secțiune din pagina HTML, copiați următorul cod:
     
   • În corpul aceluiași document, utilizați atributul pentru a adăuga acest stil la element. De exemplu:

     acest paragraf

     va apărea în verde închis cu un font cursiv larg.
   • Știți că nu trebuie să vă numiți clasa „fantezie”, îi puteți da numele pe care îl doriți.