Documente Academic
Documente Profesional
Documente Cultură
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>.
<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.