Un document HTML este alcătuit din tag-uri (marcaje, etichete, depinde de povestitor) care se inserează într-un document text şi îi modifică modul de formatare.
Tag-urile
Tag-urile sunt încadrate de paranteze unghiulare , <>, pentru a fi recunoscute şi interpretate de browser ca şi marcaj.
Cu mici excepţii, tag-urile sunt perechi, marcând începutul şi sfârşitul zonei de text pe care o incadreazaă. Pentru a se diferenţia, tag-ul de început va fi de forma <tag> , iar cel de final va avea simbolul / între parantezele unghiulare </tag> .
Ca excepţie, unele tag-uri sunt de sine stătătoare, <br> sau <hr> nefiind nevoie să fie închise.
Pentru a exemplifica structura documentului voi folosi un exemplu simplu de pagină web, cu liniile numerotate pentru referinţă.
După cum observi, prima linie conţine versiunea documentului HTML. Lipsa acestei linii nu ar trebui să afecteze modul de afişare al paginii, dar standardul începând cu 4.0 o cere, fără ea neputând fi validat ca şi cod „curat”.
[html]
<doctype html>
<html>
<head>
<title>Expert in clatite</title>
</head>
<body>
<h1>Invata sa faci clatite ca un adevarat cofetar</h1>
<p>Clatitele sunt simple, usoare, gustoase si savuroase in orice combinatie!</p>
</body>
</html>
[/html]
Orice document HTML va fi încadrat de tag-urile <html> şi </html>, ce îi vor spune browserului că textul cuprins între ele va fi formatat conform acestui limbaj.
Conţinutul este împărţit în 2 secţiuni principale, <head> şi <body>.
<head> conţine informaţii ce nu vor fi afişate în browser, cu excepţia <title>
<body> va încadra tot conţinutul paginii web pe care îl vei vedea în browser: text, imagini, linkuri, tabele, orice altceva.
Pentru a testa codul copiază-l în Notepad, numeste-l clatite.html, salveaza-l, şi deschide-l într-un browser.
Sau, şi mai bine, scrie-l tu din nou cu mâna ta. Daca ai facut totul corect, ar trebui sa arate ca aceasta.
Felicitări, tocmai ai realizat prima pagină web!
