ProgramareLECȚIA 2 · 30 min

HTML: structura unei pagini

HTML definește structura semantică a conținutului afișat de browser.

🎯 Obiective

  • Explici rolul HTML ca limbaj de structurare a conținutului, nu de stilizare
  • Identifici elementele semantice de bază: header, main, section, footer
  • Distingi structura, dată de HTML, de aspectul vizual, dat de CSS

Explicație

HTML definește structura semantică a conținutului afișat de browser.

HTML organizează conținutul unei pagini în elemente cu sens: un titlu e h1, un paragraf e p, o listă e ul, dar nu decide cum arată vizual acel conținut, asta fiind rolul CSS-ului. Folosirea elementelor semantice corecte ajută atât motoarele de căutare, cât și utilizatorii cu cititoare de ecran.

EXEMPLU PRACTIC

O pagină simplă poate fi structurată printr-un header cu titlul site-ului, un main cu conținutul propriu-zis împărțit în mai multe section-uri, și un footer cu informații de contact — fiecare element spune clar ce rol are acea parte a paginii.

Ce diferență există între HTML și CSS?