Sunteți pe pagina 1din 2

HTML elemente de baz

Eticheta reprezint sintaxa folosit pentru a delimita nceputul i sfritul unui element HTML. O
etichet ncepe cu caracterul < i se termin cu > caracterul.
Exemple: <html>, <head>, <body>, <p>
Un element HTML este format, n general, dintr-un tag de nceput i unul de sfrit; tag-ul de sfrit
conine caracterul /: <tag> </tag>.
Obs. Exist i elemente care nu necesit tag de sfrit, de exemplu tag-ul <br>.
Atributele unui element reprezint perechi de forma nume=valoare scrise n eticheta de nceput a
unui element, imediat dup numele elementului. Valoarea trebuie inclus ntre ghilimele sau
apostrofuri:
<tag> atribut1=valoare1 atribut2=valoare2 .</tag>.

Structura minimal a unui document HTML


<html>
<head>
<title> .. </title>
</head>
<body>

</body>
</html>

nceput document
nceput antet
titlu
sfrit antet
nceput corp document
sfrit corp document
sfrit document

<title> textul titlului <title> are scopul s fixeze titlul documentului curent, care reprezint i titlul
ferestrei din browser. Tagul <title> poate s apar doar n sectiunea <head>.
<body> <body> conine practic tot ceea ce este vizibil pentru un utilizator al paginii create.
Exerciiul 1:
1. Deschidei editorul Notepad.
2. Scriei urmtorul cod:
<html>
<head>
<title> Prima mea pagin web! </title>
</head>
<body>
Un document simplu
</body>
</html>
3. Salvai documentul cu numele pagina1.html.
4. Executai dublu click pe numele pagina1.html.
Formatri
1. Tipuri de text:
<font> fontul textului
<big> text mrit
<b>
text bold
<small> text micsorat
<i>
text italic
<br>
definete o nou linie
2. Pentru a defini fontul, mrimea i culoarea textului, se folosesc atributele:
face definete numele fontului
size definete mrimea textului
color definete culoarea textului

3. Tipuri de fundal
colorat
imagine

<body bgcolor=blue> .. </body>


<body background=fundal.jpg> .. </body>

Obs. n cazul n care imaginea se afl n alt folder dect cel n care se afl documentul HTML se specific
calea ntreag ( de exemplu D:\imagini\fundal.jpg).
Exerciiul 2:
1. Deschidei editorul Notepad.
2. Scriei urmtorul cod:
<html>
<head>
<title> Formatarea textului </title>
</head>
<body bgcolor=yellow>
<b> Text ingrosat </b> <br>
<i> Text inclinat </i> <br>
<small> Text mic </small> <br>
<big> Text mare </big> <br>
<b><i> Test ingrosat si inclinat </i></b> <br>
<font face=arial size=+7 color=red> Acesta este un text scris cu Arial </font>
</body>
</html>
3. Salvai documentul cu numele pagina2.html.
4. Executai dublu click pe numele pagina2.html.
Exerciiul 3:
Scriei codul HTML prin care s obineti urmtorul text:
Aceast linie este scris cu caractere normale.
Aceast linie este roie.
Aici
fiecare
cuvnt
are
alt
culoare.
Cuvnt ngroat, cuvnt ngroat i nclinat.
Linie scris cu font arial.