Lecție 2: Formatarea Textului în HTML

by

Elemente cheie:

  • HTML Text Elements
  • Text Formatting

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:

  • <h1> până la <h6> – aceste taguri sunt utilizate pentru a crea titluri și subtitluri. <h1> este cel mai mare și <h6> este cel mai mic.
  • <p> – acest tag este folosit pentru a crea un paragraf.
  • <em> – acest tag este utilizat pentru a evidenția textul italic.
  • <strong> – acest tag este utilizat pentru a evidenția textul bold.
  • <u> – acest tag este utilizat pentru a sublinia textul.
  • <strike> – acest tag este utilizat pentru a tăia textul.

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:

  • style – acest atribut permite specificarea unui stil CSS pentru text.
  • color – acest atribut permite specificarea culorii textului.
  • size – acest atribut permite specificarea dimensiunii textului.
  • align – acest atribut permite alinierea textului la stânga, la dreapta sau în centru.

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:

  • Folosește tagurile de titlu (<h1> până la <h6>) pentru a structura conținutul paginii și pentru a evidenția ierarhia informațiilor.
  • Folosește tagul <p> pentru a crea paragrafe clare și ușor de citit.
  • Folosește tagurile <em> și <strong> pentru a evidenția anumite părți ale textului, dar fără a exagera.
  • Folosește tagurile <u> și <strike> cu moderație, pentru a nu crea un aspect vizual dezordonat.
  • Folosește atributele de formatare a textului (cum ar fi style, color, size și align) cu măsură și în concordanță cu designul general al paginii.

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