Utilizarea corectă a întreruperilor de linie și a spațiilor în HTML

Spatii goale si pline de text au în HTML o logică proprie, care se deosebește de ceea ce poate ești obișnuit în viața de zi cu zi. În acest ghid, vei învăța cum să implementezi corect spațiile goale și liniile noi în documentele HTML și să structurezi astfel paginile tale web.

Cele mai importante descoperiri

• HTML ignoră spațiile goale și liniile noi suplimentare din codul sursă.
• Pentru liniile noi ai nevoie de eticheta
  pentru a le reprezenta efectiv.
• Prea multe spații goale sunt reduse de HTML la un singur spațiu.
• Eticheta

  ---

  poate fi folosită pentru a insera linii de separare în documentele tale.

Ghid pas cu pas

Pentru a înțelege mai bine utilizarea spațiilor goale și a liniilor noi în HTML, urmează următorii pași unul câte unul.

1. Creează un nou document HTML

În primul rând, ar trebui să creezi un nou document HTML pentru a testa conceptele. Deschide editorul tău de text și creează un fișier nou. Acesta va fi locul unde vei putea scrie codul tău HTML.

2. Structurarea simplă a textelor

Apoi, începi să introduci text în documentul tău. Observă că HTML nu preia automat liniile noi din codul sursă. Dacă scrii un text lung sau mai multe paragrafe, acesta va fi afișat fără întreruperi vizuale. Acest lucru se datorează faptului că HTML nu ia în considerare liniile noi pe care le-ai inserat în editor.

3. Introducerea liniilor noi

Pentru a folosi efectiv liniile noi, trebuie să utilizezi eticheta <br>. Această etichetă este utilizată pentru a crea brusc o linie nouă. O poți insera simplu în textul tău ori de câte ori dorești o linie nouă.

4. Adăugarea spațiilor goale

Când încerci să adaugi mai multe spații goale între cuvinte, HTML va afișa doar un singur spațiu gol. Asta înseamnă că, indiferent de câte spații scrii, ele sunt efectiv consolidate într-un singur spațiu. Pentru a te asigura că textul tău este structurat în mod clar, trebuie să te bazezi pe eticheta
pentru liniile noi.

5. Utilizarea etichetei <hr> pentru linii de separare

În plus față de liniile noi, există și posibilitatea de a adăuga linii de separare în documentul tău. Acest lucru se face cu eticheta <hr>. Această linie de separare ajută la evidențierea secțiunilor vizuale din documentul tău HTML. Poți testa ușor implementarea etichetei <hr> în documentul tău HTML și apoi să o adaptezi folosind CSS.

Rezumat – Fundamente pentru spații goale și linii noi în HTML

În acest ghid ai învățat cum să implementezi spațiile goale și liniile noi în HTML. HTML poate fi adesea confuz, mai ales în ceea ce privește reprezentarea textului. Acum știi că trebuie să folosești eticheta
<br> pentru a genera linii noi și că HTML reduce spațiile suplimentare la un singur spațiu. De asemenea, ai învățat funcția etichetei <hr> pentru a crea linii de separare.