Structura unui document HTML

Construiește fundația corectă a unei pagini HTML.

PASUL 1 · ÎNVAȚĂ

Cum funcționează

DOCTYPE declară tipul documentului, iar html, head și body separă informațiile de conținutul vizibil.

Exemplu corect

<!doctype html>
<html lang="ro">
<head>
  <meta charset="UTF-8">
  <title>Atelier web</title>
</head>
<body>
  <h1>Atelier web</h1>
</body>
</html>

DOCTYPE activează modul standard. Atributul lang descrie limba, head păstrează metadatele, iar body conține ceea ce vede utilizatorul.

Greșeală frecventă

<html>
<head><title>Pagina mea</title></head>
<h1>Bun venit</h1>
</html>

Lipsesc DOCTYPE, limba, codarea și body. Browserul poate afișa ceva, dar documentul nu își declară complet structura.

PASUL 2 · APLICĂ

Adaugă DOCTYPE, limba, UTF-8, un title și un singur h1.

index.htmlHTML

Rezultat sigurizolat

Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate

PASUL 4 · VERIFICĂ

0%neverificat

Explică-mi logica rezolvării

Verifică structura din exterior spre interior: DOCTYPE, html cu lang, head cu charset și title, apoi body cu un singur h1.