Cum se utilizează etichete pentru culori HTML

Sursele de tag-uri HTML sunt depășite, iar dezvoltatorii web profesionale ar trebui să evite la.Embora ușor de a schimba culoarea de proiecte personale, nu există nici o garanție că acest lucru va continua să lucreze la următoarea actualizare a browserelor de internet. Pentru cele mai bune rezultate, utilizați metoda CSS la sfârșitul acestui articol.

conținut

Pași
Metoda 1utilizarea etichetelor html
Metoda 2utilizarea limbajului css
Sfaturi
Avertismente
Surse și cotatii

pași

Metoda 1
Utilizarea etichetelor HTML

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 1

Creați eticheta font. Puneți eticheta în fața textului pe care doriți să îl colorați. Finalizați cu eticheta la sfârșitul textului.

exemplu:
Vreau să las albastru acest text.

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 2

Adăugați un atribut culoare. Inserare culoare = "" în interiorul etichetei de deschidere font. Culoarea dorită trebuie adăugată în ghilimele

exemplu:
culoare = ""Vreau să las albastru acest text.

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 3

Alegeți numele culorii. Numele de culori au un singur cuvânt și nu au spațiu. Încercați un nume simplu, cum ar fi "albastru" sau "roșu", sau ceva mai descriptiv, cum ar fi "albastru deschis" sau "albastru închis". Pentru mai multe opțiuni, căutați o masă pe internet care include culori precum "maro", "oțel albastru" și "var".

exemplu:
Vreau să las albastru acest text.

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 4

Utilizați un cod de culoare hexazecimal. Limba de programare HTML permite utilizarea a milioane de culori, dar nu are numele tuturor. În schimb, utilizează un cod de șase cifre scris într-un sistem numeric cunoscut sub numele de hexazecimal. Există mai multe site-uri care afișează codurile de culoare hexazecimale sau vă permit să alegeți o culoare pe ecran și să vedeți ce este codul dvs. Codul începe cu simbolul # urmat de șase cifre folosind cifrele 0-9 și literele A până la F.

Codul # FF0000 este același cu numele culorii roșii.
Acest cod creează text verde.
Acest cod creează un text albastru.

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 5

Încercați să utilizați valorile RGB. Nu este nevoie să știți cum codurile colorate cu coduri hexazecimale funcționează pentru a utiliza un picker de culoare online. Dacă doriți să le utilizați, începeți cu elementele de bază:

Fiecare șase cifre ale codului sunt împărțite între roșu, verde și albastru (RGB - roșu, verde și albastru). De exemplu, codul # FF0000 înseamnă de fapt "roșu: FF verde: 00 albastru: 00."
Pentru a modifica cantitatea de roșu, schimbați primele două cifre. Puteți folosi orice număr de la 00 (cu nimic roșu) la 99 (ușor roșu) sau literele AA (un pic mai mult roșu) la FF (maxim roșu).
Utilizați același sistem pentru a modifica valorile culorii verzi (cele două cifre de mijloc) și albastru (ultimele două cifre).

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 6

Înțelegeți codurile de culoare hexazecimale. Pentru un sistem de culoare mai precis, va trebui să înveți încă două concepte:

Fiecare dintre cele trei valori ale culorii este un număr din două cifre. Pentru a efectua ajustări minore, schimbați pur și simplu a doua cifră. De exemplu, # 850000 și # 890000 Sunt foarte asemănătoare, dar # A50000 are mult mai strălucitoare.
Valorile RGB sunt combinate folosind sistem de adăugare de culori. Roșu și verde formează galben- albastru și verde cyan- și roșu și albastru purpuriu.

Metoda 2
Utilizarea limbajului CSS

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 7

Introduceți atributul stil în eticheta HTML. Atributul stil = "" vă permite să utilizați limbajul CSS într-un document HTML. Aceasta este o modalitate ușoară de a seta culoarea fontului chiar dacă nu cunoașteți limba CSS. Încercați să puneți atributul stil în următoarele etichete HTML:

Eticheta "p" implică un întreg paragraf al textului.
Eticheta "a" înseamnă o legătură.
Utilizați eticheta "span" dacă doriți să coloreze o parte dintr-un paragraf fără a schimba formatarea.

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 8

Specificați culoarea. Inserare culoare: urmată de numele sau hexazecimal codul de culoare în cadrul aspas.Para informații mai detaliate despre numele și codurile de culori, a se vedea metoda de mai sus sau încercați să utilizați următoarele exemple:

Acest cod lasă textul roșu.
Acesta este codul culorii de măslin.
Limba CSS acceptă abrevierea codurilor din trei cifre. Codul 745 este scurt pentru numărul 774455.

Imaginea intitulată Utilizați etichete de culoare în HTML Pasul 9

Utilizați clase CSS pentru cele mai utilizate stiluri. Dacă doriți să modelați toate subtitrările fotografiilor sau anteturile unei pagini web mari, nu trebuie să introduceți întregul cod de fiecare dată. În schimb, setați o clasă CSS în antetul documentului, astfel încât să îl puteți utiliza ori de câte ori doriți. Vedeți un exemplu care demonstrează unele utilizări noi pentru atributul stil:

În secțiunea din documentul HTML, lipiți următorul cod:
În corpul aceluiași document, utilizați atributul class = "fantezie" pentru a adăuga acest stil unui element. De exemplu
acest alineat
ar apărea cu un font mare, cu majuscule și verde închis.
Puteți folosi orice cuvânt în loc de fantezie pentru a descrie un stil.

sfaturi

Încercați să faceți pagina dvs. ușor de citit. Culorile foarte luminoase sunt greu de citit pe un fundal alb, iar culorile întunecate sunt greu de citit pe fundal negru.
Calculatoarele mai vechi sunt limitate la 65.000 de culori, iar cele mai vechi sunt încă limitate la 25 de culori. Cu toate acestea, 99% dintre utilizatorii de internet vor putea vizualiza orice culoare pe care o utilizați.