Elemente cheie:

Noțiuni:

În această lecție, ne vom concentra pe formatarea textului în HTML, explorând diferitele elemente de text pe care le oferă limbajul de marcăj. Vom învăța cum să stilizăm și să organizăm conținutul textului pentru a îmbunătăți aspectul și citibilitatea paginii.

Tagurile de formatare a textului

HTML oferă o varietate de taguri pentru formatarea textului. Iată câteva dintre cele mai comune:

Atributele de formatare a textului

Pe lângă tagurile de formatare a textului, HTML oferă și anumite atribute care pot fi utilizate pentru a personaliza aspectul textului. Iată câteva exemple:

Exemple:

<p>Aceasta este o <strong>propoziție îngroșată</strong> și <em>înclinată</em>.</p>
<h2>Acesta este un subtitlu de nivel 2</h2>
<p>Aceasta este o altă propoziție cu text <u>subliniat</u>.</p>
<p>Aceasta este o propoziție cu text <s>barat</s>.</p>

Aceasta este o propoziție îngroșată și înclinată.

Acesta este un subtitlu de nivel 2

Aceasta este o altă propoziție cu text subliniat.

Aceasta este o propoziție cu text barat.

Cum să alegi corect formatarea textului

Când formatezi textul în HTML, este important să alegi cu grijă tipurile de taguri și atribute pe care le utilizezi. Iată câteva sfaturi pentru a alege corect formatarea textului:

Formatarea textului în HTML este un aspect esențial pentru crearea unui aspect vizual plăcut și ușor de citit pe paginile web. Prin utilizarea corectă a tagurilor și a atributelor, putem evidenția anumite părți ale textului și putem structura conținutul într-un mod coerent. Asigură-te că alegi cu atenție formatarea textului pentru a oferi utilizatorilor o experiență plăcută de navigare pe site-ul tău.

Quiz:

  1. Cum se reprezintă un paragraf de text în HTML?
    • A) <paragraph>Textul aici</paragraph>
    • B) <p>Textul aici</p>
    • C) <paragraphe>Textul aici</paragraphe>
  2. Care este tagul folosit pentru a crea un titlu de nivel 3?
    • A) <h2>
    • B) <h3>
    • C) <h4>
  3. Cum îngroșăm textul în HTML?
    • A) Folosind tagul <b>
    • B) Folosind tagul <strong>
    • C) Folosind tagul <bold>
  4. Ce face tagul <em> în HTML?
    • A) Creează un efect de subliniere pentru text.
    • B) Îngroașă textul.
    • C) Adaugă o înclinare textului.
  5. Cum tăiem textul în HTML pentru a indica că nu mai este valabil sau important?
    • A) Folosind tagul <cut>
    • B) Folosind tagul <strike>
    • C) Folosind tagul <s>

Răspunsuri corecte:

  1. B
  2. B
  3. B
  4. C
  5. C