Cum se introduc spații în HTML

Spațiile multiple create de bara de spațiu și de chei fila ↹

conținut

Pași
Metoda 1introducerea spațiului unic și a paragrafelor
Metoda 2formatarea de pasaje mai mari
Sfaturi
Avertismente

și ⌅ Introduceți sunt ignorate atunci când sunt utilizate într-un cod de programare. Limba HTML le interpretează doar ca un spațiu alb între cuvinte, afișând un singur spațiu. Deși limba CSS permite un stil mai precis de spațiere și indentare, HTML dispune de mai multe instrumente disponibile pentru a personaliza spațierea.

pași

Metoda 1
Introducerea spațiului unic și a paragrafelor

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

Introduceți un spațiu fără pauze. De obicei, codul HTML afișează doar un spațiu între cuvinte indiferent de numărul de spații pe care le utilizați. Pentru a forța afișarea unui spațiu suplimentar, diigte- sau # 160 - Acest lucru afișează un caracter numit "spațiu fără pauză" și este afișat întotdeauna.

Se numește spațiu fără pauze deoarece împiedică ruperea liniei în locația dvs. Când utilizați acest caracter în exces, browserul web va avea dificultăți la introducerea unei rupturi de linie într-un mod organizat și lizibil.

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

Introduceți un spațiu gol de diferite lățimi. Există mai multe entități de caractere diferite care indică browserului web să afișeze un spațiu. Diferitele browsere le pot afișa într-un mod ușor diferit, dar nu trebuie să afecteze rupturile de linie:

ensp- - are spațiul de dimensiune a două spații normale.
emsp- - are spațiul de dimensiune de aproape patru spații normale.

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

Mimic un spațiu paragraf cu spații fără pauze. O modalitate de a linia un paragraf este de a insera mai multe spații fără o pauză într-un rând: - - - -. Această soluție funcționează pentru cod HTML, dar nu este recomandată dacă aveți acces la limbajul CSS (descris mai jos).

Dacă aveți un paragraf cu o setare complexă de text, utilizați ag

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

Faceți paragrafe cu CSS. Câmpurile și marginile CSS oferă instrucțiuni pentru afișarea directă a browserului, prezentând un rezultat mai consistent. Acest lucru nu este greu de făcut chiar fără a cunoaște programarea CSS sau fără a avea o foaie de stil. Iată un exemplu care împinge întregul paragraf spre dreapta:

În secțiunea a documentului HTML, introduceți următorul cod:

"p.indent" definește tipul de paragraf (tag p) numit "indent" (puteți folosi orice nume). Restul codului adaugă "umple" spațiul alb în partea stângă a paragrafului.
Acum, reveniți la corpul documentului HTML. Ori de câte ori doriți un paragraf separat, plasați-l în următoarele etichete:
Pentru a ajusta dimensiunea indentării, modificați numărul "1.8" în interiorul codului CSS. Păstrați "em" lângă acesta, deoarece aceasta este măsura legată de dimensiunea fontului.

Metoda 2
Formatarea de pasaje mai mari

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

Utilizați text preformat. Orice cheie spațiu sau ⌅ Introduceți presat

va fi afișat exact așa cum ați scris. Puteți utiliza această caracteristică pentru a afișa mostre de cod, poezie sau orice alt text în care distanțele și rupturile de linie sunt importante.

Principalul dezavantaj al unui text preformat este lățimea. Spre deosebire de HTML-ul normal, acesta nu va fi redimensionat pentru a se potrivi cu dimensiunea ecranului utilizatorului.

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

Creați pauze de linie. Eticheta încheie linia curentă a unui text. Aveți posibilitatea să creați linii goale folosind mai multe ori. Aceasta este o abordare acceptată pentru elevii din limba HTML, dar nu este mult încurajată în limba CSS.

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

Introduceți paragrafe cu eticheta. Un text este utilizat pentru a insera un paragraf. Majoritatea browserelor de internet separă paragrafe printr-o singură linie necompletată, însă nu puteți garanta un stil precis.

sfaturi

Când găsiți mai multe simboluri pierdute în codul dvs. atunci când îl revizuiți, căutați coduri neterminate, cum ar fi un "“.
Limba CSS este mult mai puternică și mai previzibilă pentru a edita o pagină, inclusiv spațierea textului.
Evitați golurile imediat după pornirea unei etichete sau înainte de a o închide. De exemplu, tastați spații tutorial, și nu spații tutorial .
Spațiul fără spargere () este un exemplu de entitate de caractere: un cod care se referă la un caracter care nu poate fi tastat utilizând tastatura.

avertismente

Programul întotdeauna în HTML utilizând un editor de cod sau un fișier text simplu, nu un format de procesor de text de fișier. Dacă spațiul transforma într-un simbol ciudat în browser-ul web, este probabil ca aceasta este cauzată de unele date suplimentare stocate în procesorul de text care nu este potrivit pentru vizualizarea on-line.
Caracterul HTML al cheii fila ↹ (# 09-) nu funcționează așa cum credeți. Un document HTML standard nu are opriri tab, astfel că acest cod nu va face nimic.

Distribuiți pe rețelele sociale:

înrudit