Logo Facebook8    Logo Youtube12    Logo Google     Logo twitter

Lectia 1 HTML | Structura unui site

Bun venit la prima lectie din cadrul limbajului HTML!
Un site este format din mai multe pagini interconectate.
Gandeste-te la un site ca la o carte. O carte nu poate contine o singura pagina. Mai multe pagini lipite intre ele formeaza o carte. Asta inseamna ca si un site trebuie sa contina mai multe pagini care vor fi "lipite" intre ele cu ajutorul unor legaturi (a href). Mai multe despre legaturi te voi invata pe parcursul acestui tutorial.
Paginile unui site se mai numesc si documente HTML.

Acum ca te-am lamurit cum sta treaba cu un site, te voi invata care este structura unui document HTML.

Un document HTML este format din mai multe etichete (taguri).

Etichetele sunt de doua tipuri:
-pereche : <html> </html>; <head> </head>; <body> </body>; etc.
-singulare: <br>; <hr>; etc.

Aceasta este structura unui document HTML:

 


<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

 

 
Acum sa explicam fiecare eticheta:


<html> - cu aceasta eticheta incepe orice document HTML
Prin folosirea acestei ethichete, ii spunem browser-ului ca este vorba de un fisier HTML pentru a il putea afisa.
</html> - aceasta este eticheta de incheiere.


<head> - intre aceste etichete se afla eticheta <title><style> si alte etichete specifice acestui tag
</head> - aceasta este eticheta de incheiere.


<title> - intre aceasta eticheta se pune titlul documentului care va aparea in bara de titlu.
</title> - aceasta este eticheta de incheiere.


<body> - tot ce vei scrie intre acesta eticheta, va fi afisat in browser
</body> - aceasta este eticheta de incheiere.


Pentru a intelege mai bine, gandeste-te la documentul HTML ca la o pagina dintr-o carte.
Cum iti dai seama ca este o pagina dintr-o carte?
Simplu, datorita formei, texturii, si informatiilor pe care le contine.

Pentru ca internetul sa isi poata da seama ca un document este o pagina dintr-un site, trebuie ca respectivul document sa indeplineasca doua conditii.
Prima conditie este ca documentul sa inceapa cu eticheta <html> si sa se incheie </html>.
Cea de-a doua conditie este ca documentul sa fie salvat cu extensia ".html"

Dar o pagina dintr-o carte mai are si o portiune libera urmata de titlu.
In documentul HTML, portiunea libera este numita Header. Acest header se introduce prin eticheta <head>. Tot ce vei scrie intre etichetele <head> </head> nu vor aparea pe pagina. Intre aceste etichete se introduce eticheta <title> care va da numele paginii respective.

Ce mai contine o pagina dintr-o carte?
Continutul.
Pentru a introduce continut intr-un document HTML, trebuie sa apelam la eticheta <body>.
Tot ce vei scrie in aceasta eticheta va aparea pe pagina site-ului. 

Acum ca ai invatat care este structura unei pagini dintr-un site, in lectia urmatoare vei pune in practica tot ce ai invatat pana acum si vei construi o pagina de la 0.


 

Acest site foloseste cookie-uri.

Folosim cookie-uri pentru a vă asigura că aveti cea mai bună experiență pe acest site.

I understand
DESPRE NOI
World-IT este un site care are ca domeniu Tehnologia Informatiei(IT).
Acest site are ca prim scop introducerea persoanelor in acest domeniu. Mai multe informatii aici.

URMARESTE-NE 
Logo Facebook8  Logo Youtube12   Logo Google  Logo twitter