🏗️

Structura HTML

După această lecție vei înțelege scheletul oricărei pagini web și vei crea prima ta pagină!

🧪 ÎNCEARCĂ 2 minute - explorează!

Deschide editorul și modifică textul din pagină. Vezi ce se schimbă!

🚀 Deschide OneCompiler HTML

🎯 Provocare (2 min):

Găsește textul "Hello World"
Schimbă-l cu numele tău
Apasă "Run" și vezi rezultatul

📚 ÎNVAȚĂ Scheletul paginii web

Ce este HTML?

HTML = HyperText Markup Language

HTML nu e programare - e o limbă de marcare. Îi spui browserului: "ăsta e titlu", "ăsta e paragraf", "asta e imagine".

💡 Gândește-te la HTML ca la scheletul uman - oferă structura. CSS e pielea și hainele!

Structura minimă a oricărei pagini:

<!-- Fiecare pagină web are aceeași structură -->

<!DOCTYPE html>          <!-- Spune browserului că e HTML5 -->
<html>                     <!-- Începutul paginii -->
  <head>                   <!-- Informații invizibile -->
    <title>Titlu pagină</title>
  </head>
  <body>                   <!-- Conținutul vizibil -->
    <h1>Salut!</h1>
    <p>Primul meu paragraf.</p>
  </body>
</html>                    <!-- Sfârșitul paginii -->

📦 <head> vs <body>

<head>

• Titlul în tab
• Setări invizibile
• Link-uri CSS

<body>

• Tot ce vezi
• Text, imagini
• Butoane, linkuri

🏷️ Tag-uri = etichete

Fiecare element HTML are un tag de deschidere și unul de închidere:

<p>Acesta este textul</p>
↑ deschide         ↑ închide (are /)

✅ VERIFICĂ Răspunde corect la 3 din 4

1. Ce conține <head>?

Textul vizibil pe pagină

Informații invizibile (titlu, setări)

Imaginile și linkurile

2. Cum arată un tag de închidere corect?

<p>

<p/>

</p>

3. Ce spune <!DOCTYPE html>?

Că pagina folosește HTML5

Că pagina are erori

Numele autorului

4. Unde scrii conținutul vizibil al paginii?

În <head>

În <body>

În <title>

⭐

Felicitări!

Ai terminat Lecția 1! Acum înțelegi structura de bază a oricărei pagini web.

Ce ai învățat: DOCTYPE, html, head, body, tag-uri de deschidere/închidere

Continuă cu Lecția 2 →