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> nceput document


<head> nceput antet
<title> .. </title> titlu
</head> sfrit antet
<body> nceput corp document

</body> sfrit corp document
</html> 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 <body bgcolor=blue> .. </body>
imagine <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.

S-ar putea să vă placă și