Ultimele tutoriale de dezvoltare web

HTML stiluri

Stiluri HTML

I am red

I am blue

Încearcă - l singur »

HTML Style Atributul

Stabilirea stilul unui element HTML, se poate face cu style atribut.

Atributul style HTML are urmatoarea sintaxa:

style=" property : value; "

property este o proprietate CSS. value este o valoare CSS.

Vei afla mai multe despre CSS mai tarziu in acest tutorial.


HTML Culoare de fundal

background-color de background-color proprietate definește culoarea de fundal pentru un element HTML:

Acest exemplu stabilește fundalul pentru o pagină la lightgrey:

Exemplu

<body style="background-color:lightgrey;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
Încearcă - l singur »

HTML Culoare text

De color Proprietatea definește culoarea textului pentru un element HTML:

Exemplu

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Încearcă - l singur »

HTML Fonturi

font-family proprietate definește fontul utilizat pentru un element HTML:

Exemplu

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Încearcă - l singur »

HTML Dimensiune text

font-size proprietate definește dimensiunea textului pentru un element HTML:

Exemplu

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Încearcă - l singur »

HTML Text Aliniere

text-align proprietate definește alinierea textului orizontal pentru un element HTML:

Exemplu

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
Încearcă - l singur »

Rezumatul capitolului

  • Utilizați style de atribut pentru elemente HTML coafare
  • Utilizați background-color de background-color pentru culoarea de fundal
  • Utilizați color pentru culorile de text
  • Utilizați font-family pentru fonturi de text
  • Utilizați font-size pentru dimensiunile de text
  • Utilizați text-align pentru alinierea textului

Testați-te cu exerciții!

Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 » Exercițiul 6»