9: Culori html – culori hexa in html – Tutoriale html

Foarte probabil daca ati urmarit tutorialele html de pe acest site, v-ati mirat de ce nu am vorbit pana acum despre culori html, despre codurile folosite pentru a da culori la elemente, taguri in html. Raspunsul este foarte simplu: In html-ul folosit in zilele noastre nu se mai folosesc taguri html pentru a defini culori, ci se aplica stiluri cu CSS. Culorile in html initial aveau nume, (red, green etc), dar din cauza ca sa putem folosi culori de orice nuanta, se folosesc coduri hexa (exemplu: #4773B1), pentru a defini o culoare la orice element html.

Culori html in cod hexa

Pentru a gasi codul hexa pentru diferite culori, folositi mousul si selectati culoarea dorita. In campul Hex veti gasi codul hexa pentru culoarea selectata.

Colorarea textului – Culori html text

Metoda prezentata aici de a da culori la text, este de fapt si o introducere in CSS. Folosind atributul style putem specifica orice culoare pentru text in cadrul oricarui tag html. Mai jos gasiti codul care trebuie folosit in cadrul unui paragraf pentru colorizarea textului. Aceasta metoda poate fi folosita in cadrul oricarui tag html.

Ex: style=”color:#03375C;”

<p style="color:#03375C;">
Text intr-un paragraf, scris cu
aceasta culoare: #BC0023
- care rezulta intr -o nuanta a albastrului.
Codul folosit in cadrul tagului p - este:
style="color:#03375C;"!
Atributul style este cuvantul din CSS
prin care putem da un stil oricarui tag html.
</p>

Codul de mai sus rezulta intr-un paragraf care arata asa:

Text intr-un paragraf, scris cu aceasta culoare: #BC0023 – care rezulta intr-o nuanta a albastrului.
Codul folosit in cadrul tagului <p> este: style=”color:#03375C;”!
Atributul style este cuvantul din CSS prin care putem da un stil oricarui tag html.

Culori background – colorarea backgroundului

Colorarea backgroundului este la fel de simplu ca si colorarea textului! Expresia folosita in cadrul atributului style va fi : background-color:cod-hexa-pentru culoare; . La fel ca si in cazul precedent, si acest mod de stilizare se poate folosi in cadrul oricarui tag html.
In urmatorul exemplu vom crea un paragraf cu background negru, si textul vom face alb.

<p style="background-color:#000000;
color:#FFFFFF;">
Text scris intr-un paragraf cu background negru,
si culoarea textului este alb!
</p>

Codul de mai sus rezulta in:

Text scris intr-un paragraf cu background negru, si culoarea textului este alb!

Deci, codul folosit pentru background negru cu text alb, este:
<p style=”background-color:#000000;color:#FFFFFF;”>.
Nu uitati, dupa fiecare element specificat in atributul style trebuie sa punem , iar stilurile enumerate intre ” “.

Ca sa folosim culori si diferite stiluri in html, trebuie invatat CSS (Cascading Style Sheet). Pentru stilizarea unei pagini web, urmariti tutorialele CSS.

( taguri pentru aceasta pagina: culori html, coduri html – coduri culori, coduri culori html, cod culori html )

Lasă un răspuns

(*)


*