Culorile sunt foarte importante pentru a oferi un aspect ?i o imagine bun? site-ului dumneavoastra. Pute?i specifica culorile la nivel de pagin? folosind eticheta <body> sau pute?i seta culori pentru etichete individuale folosind atributul bgcolor
Eticheta <body> are urm?toarele atribute care pot fi utilizate pentru a seta diferite culori -
bgcolor - seteaz? o culoare pentru fundalul paginii.
text - stabile?te o culoare pentru textul corpului.
alink - seteaz? o culoare pentru leg?turile active sau leg?turile selectate.
link - stabile?te o culoare pentru textul legat.
vlink - seteaz? o culoare pentru leg?turile vizitate - adic? pentru textul legat pe care a?i f?cut deja clic.
Pute?i seta culoarea de fundal pentru elementele HTML:
Exemplu:
<!DOCTYPE html>
<html>
<head>
<title>Cum sa adaugati background-color? exemplu</title>
</head>
<body>
<h1 style="background-color:yellow;">Buna Romania</h1>
<p style="background-color:tomato;"><strong>Programare Web.<br />
Curs programare webdesign online gratuite - designer pagini web.</strong><br />
<strong>Invata de la zero</strong> fundamentele programarii web PHP+MySQL<br />
si dezvoltarea temelor WordPress pentru cariera ta de web developer (Curs pentru incepatori).<br />
<strong>Invata inca de la prima linie de cod</strong> cum sa realizezi site-uri web eficient,<br />
cum sa construiesti siteuri web pentru telefoane mobile, cum sa scrii cod si sa oferi performanta<br />
prin ceea ce faceti: HTML5, CSS6, PHP, Baze de date, Elemente jQuery si optimizare SEO de baza.<br />
In cadrul acestui curs vei incepe de la zero pentru a intelege fundamentele programarii web.<br />
Pe tot parcursul cursului vei lucra practic la dezvoltarea unui site dinamic.</p>
</body>
</html>
Culoarea textului (Text Color)
Pute?i seta culoarea textului:
Exemplu 2:
<!DOCTYPE html>
<html>
<head>
<title>Culoarea textului (Text Color)</title>
</head>
<body>
<h1 style="color:Tomato;">Cursuri web design online</h1>
<p style="color:DodgerBlue;">Curs de introducere in programare cu specializarea Web Development. Acest curs are rolul de a va introduce pas cu pas in Web Design (CSS).</p>
<p style="color:MediumSeaGreen;">Cursuri web profesionale atāt pentru īncep?tori cāt ?i pentru cei cu experien??.</p>
</body>
</html>
Border Color
Pute?i seta culoarea marginilor: (You can set the color of borders:)
Exemplu 3:
<!DOCTYPE html>
<html>
<head>
<title>Culoarea marginilor, chenarului</title>
</head>
<body>
<h1 style="border:2px solid Tomato;">CURS PROGRAMARE WEB - HTML, CSS, PHP SI MYSQL</h1>
<h2 style="border:2px solid DodgerBlue;">Beneficiile studierii cursului de Design Web</h2>
<h3 style="border:2px solid Violet;">Curs de creare site-uri web īn Dreamweaver</h3>
</body>
</html>
W3C Standard 16 Colors
Iat? lista celor 16 numelor de culori standard W3C ?i este recomandat s? le utiliza?i.
| Black | Gray | Silver | White | ||||
| Yellow | Lime | Aqua | Fuchsia | ||||
| Red | Green | Blue | Purple | ||||
| Maroon | Olive | Navy | Teal |
HTML Colours - Hex Codes
Un hexadecimal este o reprezentare de 6 cifre a unei culori. Primele dou? cifre (RR) reprezint? culoarea ro?ie, urm?toarele dou? sunt de culoare verde (GG), iar ultimele sunt de culoare albastr? (BB).
O valoare hexadecimal? poate fi preluat? de pe orice software grafic precum Adobe Photoshop, Paintshop Pro sau MS Paint.
Fiecare cod hexadecimal va fi precedat de un semn de lire sau hash #. Urmeaz? o list? cu cāteva culori folosind nota?ie hexadecimal?.
| Color | Color HEX |
|---|---|
| #000000 | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #C0C0C0 | |
| #FFFFFF |
Culori HTML - Valori RGB
Aceast? valoare de culoare este specificat? folosind proprietatea rgb (). Aceast? proprietate are trei valori, una pentru ro?u, verde ?i albastru. Valoarea poate fi un num?r īntreg īntre 0 ?i 255 sau un procent.
Not? - Nu Toate browserele accept? proprietatea de culoare rgb (), de aceea este recomandat s? nu o folose?ti.
| Color | Color RGB |
|---|---|
| rgb(0,0,0) | |
| rgb(255,0,0) | |
| rgb(0,255,0) | |
| rgb(0,0,255) | |
| rgb(255,255,0) | |
| rgb(0,255,255) | |
| rgb(255,0,255) | |
| rgb(192,192,192) | |
| rgb(255,255,255) |
Exemplu 4:
<!DOCTYPE html>
<html>
<head>
<title>Hex Codes and Valori RGB pentru culori</title>
</head>
<body>
<h2 style="background-color:rgb(255, 99, 71);">background-color:rgb(255, 99, 71)</h2>
<h2 style="background-color:#ff6347;">background-color:#ff6347</h2>
<h2 style="background-color:hsl(9, 100%, 64%);">background-color:hsl(9, 100%, 64%)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.5);">background-color:rgba(255, 99, 71, 0.5)</h2>
<h2 style="background-color:hsla(9, 100%, 64%, 0.5);">background-color:hsla(9, 100%, 64%, 0.5)</h2>
</body>
</html>
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.