Cum se introduc spațiile în HTML

Pentru a crea mai multe spații sau pentru a merge la linia următoare, cheia este de obicei creată cu bara de spațiu. "Tab" sau cheia "introduce" (sau "întoarcere"), dar compilatorul de coduri le ignoră. HTML le interpretează pe toate ca fiind spații goale între cuvinte și arată un singur spațiu. În timp ce CSS vă permite să creați un stil mai precis de semne și linii, HTML are, de asemenea, mai multe instrumente disponibile pentru personalizarea spațiilor.

conținut

Pași
Metoda 1introduceți spații simple și file
Metoda 2formatați spații mai mari
Sfaturi
Avertismente

pași

Metoda 1
Introduceți spații simple și file

Imaginea intitulată Inserați spațiile în HTML Pasul 1

Introduceți un spațiu fără rupere de linie. În mod normal, HTML contractează mai multe spații într-una. Scrie - sau &# 160 - pentru a crea un spațiu care să fie întotdeauna afișat. Dacă doriți să introduceți un spațiu gol mai mare, utilizați acest cod de mai multe ori. Acesta este un exemplu de ceea ce se numește "caracterul entității": un cod care se referă la un caracter care nu poate fi tastat cu tastatura.

Se numește "spațiu fără salt" deoarece împiedică doar introducerea unei rupturi de linie în acea locație. Dacă abuzați de acest caracter, browserele nu vor putea să introducă pauze de linie perfect și lizibil.

Imaginea intitulată Inserați spații în HTML Pasul 2

Introduceți blanduri de diferite lățimi. Există alte entități de caractere care îi spun browserului să arate un spațiu gol. Fiecare browser le poate afișa în moduri diferite, dar, spre deosebire de -, acest lucru nu ar trebui să afecteze pauzele de linie:

&ensp-: (din engleză, "spațiu Jan") numele lui vine din bloc "N" a imprimantelor, a spațiului "Jan" este amplitudinea a două spații normale.

&emsp-: spațiu "EME", aproximativ patru spații normale.

Imaginea intitulată Inserați spații în HTML Pasul 3

Simulează o tabulare cu spații fără rupere de linie. O modalitate de a linia un paragraf este de a introduce mai multe spații fără linie de ruptură urmată: - - - -. Aceasta este doar o soluție pentru HTML, dar nu este recomandată dacă aveți mai mult acces la CSS (descris într-un alt pas.

Dacă aveți un paragraf cu aspect text complex, utilizați mai bine eticheta "pre" (explicat mai târziu).

Imaginea intitulată Inserați spații în HTML Pasul 4

Adăugați liniuțele cu CSS. Câmpurile sau marginile CSS reprezintă instrucțiuni directe în ceea ce privește afișarea browserului, deci rezultatul este mai consistent. Adăugarea de liniuțe nu este dificilă, chiar dacă nu știți cum să utilizați CSS și nu aveți o foaie de stil:

Introduceți codul următor în documentul HTML:

"p.indent" definiți un tip de paragraf (p tag) numit "liniuță" (Puteți folosi orice nume. Restul codului adaugă "umplere" de spațiu gol în partea stângă a acestor paragrafe.

Acum du-te înapoi la corpul documentului HTML. Pentru a face un paragraf cu indentări într-un document HTML, plasați-l în interiorul etichetei.

Pentru a schimba spațiul, înlocuiți-l "1.8" pentru un alt număr. Utilizați întotdeauna unități "și", care sunt legate de dimensiunea fontului.

Metoda 2
Formatați spații mai mari

Imaginea intitulată Inserați spații în HTML Pasul 5

Utilizați textul cu format presetat. Tot textul pe care îl puneți între etichete va fi afișat exact așa cum îl scrieți. Un spațiu va fi inclus de fiecare dată când apăsați bara de spațiu și o pauză de linie pentru fiecare ⌅ Introduceți, ca și cum ar fi fost un procesor de text. Puteți utiliza aceste etichete pentru a afișa exemple de cod, poezie sau orice alt text în care este important să evidențiați fiecare spațiere și linie.

Textul cu format prestabilit poate avea un alt font și o lățime diferită de textul obișnuit.

Imaginea intitulată Inserați spațiile în HTML Pasul 6

Introduceți pauze de linii Eticheta servește pentru a marca sfârșitul liniei de text actuale. Puteți crea linii goale utilizând mai multe etichete. Dacă începeți să studiați HTML, este bine să le folosiți, dar odată ce ați învățat CSS, este mai bine să formatați textul cu această ultimă limbă.

Imaginea intitulată Inserați spații în HTML Pasul 7

Separați paragrafele de etichetă
.
Tot textul din interiorul etichetelor va fi considerat un paragraf. Majoritatea browserelor separă paragraful printr-o singură linie necompletată, dar nimic nu garantează că textul va avea un anumit stil.

sfaturi

Dacă veți vedea aspectul final al paginii, în jurul codului vor apărea simboluri suplimentare, verificați dacă nu există etichete fără închidere, de exemplu,
Designul paginilor cu CSS este mult mai puternic și mai previzibil decât cu HTML. Spațierea textului este de asemenea.
Evitați să includeți semnele imediat după o etichetă de deschidere sau de închidere. De exemplu, scrieți spații tutorial, și nu "spații" tutorial .

avertismente

Introduceți întotdeauna codul HTML într-un editor de cod sau într-un fișier text simplu și nu într-un format de fișier de procesare a textului. Dacă spațiile sunt transformate în simboluri ciudate în browserul web, este cel mai probabil datorată datelor suplimentare stocate în formatul de fișier procesor de text. Aceste date nu sunt concepute pentru a fi afișate pe paginile web.

Distribuiți pe rețelele sociale:

înrudit