Daca in partea de <head></head> al unei pagini vom pune tag-urile care ofera informatii in plus despre pagina si care nu sunt neapart vizibile unui utilizator, in interiorul elementului <body></body>, vom pune tot continutul paginii.

Tot textul, toate imaginile, link-urile, tot ce va fi vizibil in pagina noastra.

Elementul <body></body>, este al doilea copil al elementului <html></html>, care este tagul principal al paginii, si care nu ar trebuie as contina altceva in afara de aceste doua elemente:

<!DOCTYPE html>
<html>
    <head>
        ...
    </head>
    <body>
        ...
    </body>
</html>

O pagina simpla in HTML

In acest moment putem pune cap la cap toate tag-urile care le-am invatat pana acum pentru a creea o pagina simpla. In partea de <head></head> vom avea un tag de tip <meta />, un titlu si un tag de a importa un fisier CSS. Iar in partea de <body></body>, un titlu si o scurta descriere.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Elementul body</title>
        <link href="style.css" />
    </head>
    <body>
        <h1>Elementul body</h1>
        <p>Unul dintre cele mai importante tag-uri dintr-o pagina</p>
    </body>
</html>

Aceasta este structura de baza al oricarui website. Orice pagina poate porni de la aceste tag-uri.