PASUL 1 · ÎNVAȚĂ Cum funcționează Integrează header, nav, main și footer într-un document coerent. Structura semantică trebuie să descrie sensul, nu aspectul vizual.
<!doctype html>
<html lang="ro">
<head><meta charset="UTF-8"><title>Atelier local</title></head>
<body>
<header><h1>Atelier local</h1><nav><a href="#servicii">Servicii</a></nav></header>
<main id="servicii"><h2>Servicii</h2><p>Ajutor pentru proiecte locale.</p></main>
<footer><p>Contact: atelier@example.com</p></footer>
</body>
</html>header introduce pagina, nav grupează legăturile principale, main conține informația dominantă, iar footer păstrează informația de încheiere. Un singur h1 numește pagina și un singur main identifică zona principală.
<header><h1>Atelier</h1></header><main><p>Servicii.</p></main>Structura are header și main, dar lipsesc DOCTYPE, nav și footer, deci documentul nu oferă toate regiunile cerute.
REZULTAT AȘTEPTAT Un document HTML complet, cu header, nav, exact un main, footer și exact un h1.
PASUL 2 · APLICĂ Exercițiul tău Completează exemplul. Integrează header, nav, main și footer într-un document coerent.
Cod Rezultat
index.html HTML
Codul exercițiului
PASUL 4 · VERIFICĂ
Ce trebuie să treacă 0% neverificat
○ Documentul declară HTML5. ○ Există header, nav, main și footer. ○ Documentul are un singur main. ○ Pagina are un singur h1.
Verifică exercițiul✓ Arată un indiciu
Explică-mi logica rezolvării+ Adaugă mai întâi <!doctype html>, apoi construiește body în ordinea header cu nav, main și footer. Verifică să existe un singur h1 și un singur main.
