<head></head>
si
<body></body>
Ambele trebuiesc incluse in sectiunea <html></html> deci codul devine:
<html>
<head></head>
<body>
</body></html>In sectiunea <head></head> vor fi incluse toate datele care nu se vad la prima vedere dar care sunt foarte importante.
In sectiunea <body></body> vor fi toate elementele vizibile (sau invizibile) in browserul utilizatorului.
Pentru a testa codul de mai sus haideti sa ii adaugam niste elemente vizibile si cateva elemente necesare si sa il vizualizam intr-un browser.
In sectiunea <head> ii mai adaugam elementul <title>Prima pagina web</title> textul introdus intre delimitatoarele <title> si </title> va aparea in bara de sus a ferestrei browserului.</head>
In sectiunea <body> ii vom adauga un asa numit element de titlu (de aceasta data mult mai vizibil). Acest element are ca delimitatoare <h1> si </h1> .</body>
Codul va deveni:
<html>
<head>
<title>Prima pagina web</title>
</head>
<body>
<h1>Acesta este un titlu pe prima mea pagina web</h1>
</body>
</html>
Vom scrie acest cod intr-un fisier nou creat oriunde pe calculator si denumit prima.html (observati ca extensia este .html, ca sa faceti acest lucru creati un fisier text simplu, adaugati codul, salvati apoi schimbati extensia din txt in html).
Apoi daca vom deschide acest fisier cu dubluclick se va deschide browserul implicit afisand prima pagina web creata.
Normal, acest exemplu nu arata bine dar pe parcurs vom invata cum sa il facem mai atractiv.
Am evidentiat cele doua elemente vizibile <title></title> si
<h1> </h1> pentru a va fi mai usor sa faceti legatura intre cod si pagina asa cum este ea vizibila intr-un browser.
Daca va placut si v-ati descurcat lasati un comentariu mai jos. Sau daca aveti nevoie de ajutor tot un comentariu sa scrieti.
