Această lecție prezintă principalele elemente HTML pentru text, folosite pentru structurarea, formatarea și organizarea conținutului textual într-o pagină web.

---

1. Titluri (Headings)

HTML oferă 6 niveluri de titluri:

<h1>Titlu nivel 1</h1>

<h2>Titlu nivel 2</h2>

<h3>Titlu nivel 3</h3>

<h4>Titlu nivel 4</h4>

<h5>Titlu nivel 5</h5>

<h6>Titlu nivel 6</h6>

Titlu nivel 1

Titlu nivel 2

Titlu nivel 3

Titlu nivel 4

Titlu nivel 5

Titlu nivel 6

Reguli importante:

• <h1> este titlul principal al paginii
• se folosește o singură dată pe pagină
• ordinea trebuie să fie logică (h1 → h2 → h3)

---

2. Paragraf

<p>Acesta este un paragraf.</p>

---

3. Linie nouă și separator

<br> <!– linie nouă –>

<hr> <!– linie orizontală –>

---

4. Formatarea textului

Element	Rol
<b>	text bold
<strong>	text important (semantic)
<i>	italic
<em>	accent semantic
<u>	subliniat
<mark>	evidențiere
<small>	text mic
<del>	text tăiat
<ins>	text inserat
<sub>	indice jos
<sup>	indice sus

Exemple:

<p><b>Bold</b></p>

<p><strong>Important semantic</strong></p>

<p><i>Italic</i></p>

<p><em>Accent semantic</em></p>

<p><u>Subliniat</u></p>

<p><mark>Text evidențiat</mark></p>

<p><small>Text mic</small></p>

<p><del>Text șters</del></p>

<p><ins>Text adăugat</ins></p>

<p>H₂O</p>

<p>x²</p>

Bold

Important semantic

Italic

Accent semantic

Subliniat

Text evidențiat

Text mic

Text șters

Text adăugat

H₂O

x²

---

5. Citate

Citat scurt:

<q>Aceasta este o idee importantă.</q>

Citat lung:

<blockquote>

Acesta este un citat lung.

</blockquote>

---

6. Cod și text tehnic

<code>print(“Hello World”)</code>

<pre>

Text preformatat

păstrează spațiile

și indentarea

</pre>

---

7. Span și Div pentru text

<span>Text inline</span>

<div>Bloc de text</div>

---

Exerciții

Exercițiul 1

Creează o pagină cu:

• un h1
• două h2
• trei paragrafe

---

Exercițiul 2

Formatează un text folosind:

• bold
• italic
• subliniere
• mark

---

Exercițiul 3

Creează un text matematic:

• formule cu sub și sup