AgerNic.com/ro
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
Tutorial

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.

Culoare de fundal
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>
Tags: HTML culori, color, colors, codes , exemple

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


analytics piwika