Conţinut

• Pași
• Sfat
• Avertizare

O mulțime de spații care sunt create în mod normal folosind spații, taste de tab și taste de intrare sunt toate ignorate în limbajele de programare web. HTML le definește pe toate ca spații regulate între cuvinte și afișează doar un singur spațiu. În timp ce CSS permite setări mai detaliate pentru spațiul alb și alinierea, HTML nu are câteva instrumente încorporate pentru a vă personaliza spațiul.

Pași

Metoda 1 din 2: introduceți spații și file simple

1. 

   Spațiile de inserare nu sunt rupte. De obicei, HTML va afișa un singur spațiu între cuvinte, indiferent de câte ori ați apăsat bara de spațiu. Pentru a afișa mai multe spații contigue, tastați sau. Acest cod va crea un caracter special numit „spațiu non-breaking” și este întotdeauna afișat.
   • Personajul de mai sus este numit „spațiu indestructibil”, deoarece împiedică rupturile de linie să fie la locul lor. Dacă exagerați cu acest caracter, browserul va avea dificultăți în inserarea întreruperilor de linie în mod ordonat și vertical.

2. 

   
   
   Introduceți spații cu lățimi diferite. Există câteva alte caractere de entitate care necesită ca browserul să afișeze un spațiu. Modul în care aceste spații sunt afișate în diferite browsere este puțin diferit, totuși, spre deosebire de următoarele coduri nu vor afecta întreruperea de linie:
   • - este denumit în funcție de spațiul „N” al imprimantei (unitatea de măsură), spațiul „en” este de două ori mai mare decât spațiul obișnuit.
   • - spațiul „em”, aproximativ egal cu patru spații.

3. 

   
   
   Simulează o filă cu mult spațiu nedistructiv. Pentru a indenta paragrafe, puteți introduce spații indestructibile consecutiv:. Aceasta este singura soluție dacă utilizați doar HTML, dar dacă utilizați CSS (descris separat în pasul de mai jos) va fi mai scurt.
   • Dacă există o prezentare complexă a textului, utilizați eticheta pre.

4. 

   
   
   Aliniați paragrafele cu CSS. Proprietățile CSS „margin” și „padding” oferă instrucțiuni direct browserului, astfel încât rezultatele afișate vor fi mai consistente. Această metodă nu este dificil de implementat, cu excepția cazului în care nu știți nimic despre CSS și pagina dvs. nu are o foaie de stil. Iată un exemplu de cum să mutați un întreg paragraf la marginea dreaptă:
   • In sectiune din documentul HTML, introduceți următorul cod:
     
     unde: „p.indent” definește un atribut al textului (eticheta p) numele „indent” (puteți folosi un alt nume). Restul codului adaugă caracteristica spațiului „umplutură” în partea stângă a paragrafului.
   • Acum, reveniți la corpul documentului HTML. De fiecare dată când doriți să indentați un paragraf (încă „indentare” în acest exemplu), introduceți paragraful în acest cod:
     

   • Pentru a alinia spațiul de indentare, modificați numărul "1,8" din codul CSS. Păstrați „em” în spate, deoarece aceasta este unitatea de lungime asociată cu dimensiunea fontului.
   publicitate

Metoda 2 din 2: configurați goluri mai lungi

1. 

   Folosiți etichete preformatate. Orice cheie spaţiu bun ↵ Intrați este introdus în card

   va fi afișat exact așa cum tastați. De asemenea, puteți utiliza această etichetă pentru a prezenta exemple, poezii sau orice alt text care necesită o precizie ridicată în prezentarea spațierii și a întreruperilor de linie.

   • Principalul dezavantaj al cardurilor preformatate este lățimea. Spre deosebire de HTML-ul obișnuit, textul pre-formatat nu va fi redimensionat pentru a se potrivi cu dimensiunea ferestrei a utilizatorului.

2. 

   Creați o întrerupere de linie. Card
   va încheia linia curentă de text. Puteți crea linii goale utilizând mai multe etichete de întrerupere a liniei. Pentru studenții noi la HTML, aceasta este o abordare bună, dar dacă ați învățat CSS, acest format HTML obligatoriu nu este recomandat.

3. 

   Identificați paragraful cu eticheta „p”. Eticheta din jurul textului identifică acel paragraf. Majoritatea browserelor vor separa paragraful cu o linie goală, dar nu puteți garanta un format consistent pentru text. publicitate

Sfat

• Când verificați ultima dată afișajul de pe pagina dvs. web, dacă vedeți caractere redundante într-o poziție neobișnuită în jurul fragmentului, verificați dacă există etichete incomplete, cum ar fi <> in loc de
  .
• CSS este un instrument mai puternic și proactiv pentru prezentarea paginilor web, inclusiv spațiere pentru text.
• Limitați spațiile bruște în spatele unei etichete deschise sau în fața unei etichete închise. De exemplu, ar trebui să scrieți Spații Tutorial nu Spații Tutorial .
• Spațiul indestructibil este un exemplu de caracter de entitate: codul care reprezintă un caracter pe care nu îl puteți introduce de la tastatură.

Avertizare

• Atributul HTML reprezintă cheia Filă ↹ De fapt nu este atât de eficient pe cât ai crede. Un document HTML standard nu are tab-uri, deci caracterul tab nu are efect.
• Scrieți întotdeauna limbajul HTML într-un editor de cod sau într-un fișier text simplu, nu utilizați formate de gestionare a fișierelor text. Dacă spațiile dvs. devin caractere ciudate în browserul dvs. web, cel mai probabil se datorează excesului de date adăugate de procesorul de text, care nu este destinat afișării online.