8/19/2019 Fisa de Lucru HTMLdf 1

1/2

HTML – elemente de bază

• Eticheta reprezintă sintaxa folosită pentru a delimita începutul şi sfârşitul unui element HTML.etichetă începe cu caracterul< şi se termină cu> caracterul.

Exemple: html!" head!" #od$!" p!• %nelement HTML este format" în &eneral" dintr'untag de început şi unul de sfârşit( ta&'ul de sfârşit

con)ine caracterul/: …… .O#s. Există şi elemente care nu necesită ta& de sfârşit" de exemplu ta&'ul #r!.

• Atributele unui element reprezintă perechi de formanume=valoare scrise în eticheta de început aunui element" imediat după numele elementului. *aloarea tre#uie inclusă între &hilimele apostrofuri:

atribut1=’valoare1’ atribut2=’valoare2’ ……..

Structura minimală a unui document HTML

….. ………

început documentînceput antet

titlusfârşit antetînceput corp document

sfârşit corp documentsfârşit document

textul titlului are scopul să fixeze titlul documentului curent" care reprezintă şi titlulferestrei din #ro+ser. Ta&ul poate să apară doar în sectiunea.

……… con)ine practic tot ceea ce este ,izi#il pentru un utilizator al pa&inii create.

Exerciţiul 1:-. eschide)i editorul /otepad.0. 1crie)i următorul cod:

Prima mea pagin !eb" #n document $implu

2. 1al,a)i documentul cu numele pagina1 !tml .3. Executa)i du#lu clic4 pe numele pagina1 !tml .

"ormatări -. Tipuri de text:

%ontul te&tului te&t bold te&t italic

te&t m rit te&t mic$orat
de%ine'te o nou linie

0. 5entru a defini #ontul$ mărimea %i culoarea textului " se folosesc atri#utele:%ace defineşte numele fontului$i(e defineşte mărimea textuluicolor defineşte culoarea textului

8/19/2019 Fisa de Lucru HTMLdf 1

2/2

2. Tipuri de fundalcolorat #od$ #&color67#lue7! 8.. 9#od$!imagine #od$ #ac4&round67fundal. p&7! 8.. 9#od$!

O#s. ;n cazul în care ima&inea se află în alt folder decât cel în care se află documentul HTML se speccalea întrea&ă < de exemplu = :>ima&ini>fundal. p&7?.

Exerciţiul &:-. eschide)i editorul /otepad.0. 1crie)i următorul cod:

)ormatarea te&tului *e&t ingro$at
*e&t inclinat
*e&t mic
*e&t mare
*e$t ingro$at $i inclinat

Ace$ta e$te un te&t $cri$ cu Arial

2. 1al,a)i documentul cu numele pagina& !tml .3. Executa)i du#lu clic4 pe numele pagina& !tml .

Exerciţiul ':1crie)i codul HTML prin care să o#)ineti următorul text:

@ceastă linie este scrisă cu caractere normale.@ceastă linie este roşie.@icifiecarecu,ântarealtăculoare.Au,ânt în&roşat" cu,ânt în&roşat şi înclinat.Linie scrisă cu font BarialC.