DifiTsi.com

Inserați spații în HTML

Spațiile multiple, de obicei create cu bara de spațiu, tasta tab și tasta enter, sunt ignorate în timpul programării. HTML-le pe toate interpretează ca spații între cuvinte, și reprezintă doar un singur spațiu. În timp ce CSS permite proiectarea mai precisă a spațiilor și indentare, HTML oferă o serie de instrumente pentru a face distanțele în funcție de dorințele dumneavoastră.

metodă

Metoda 1
Spații unice și file

Imaginea intitulată Inserați spațiile în HTML Pasul 1
1
Introduceți un spațiu protejat. În mod normal, HTML îmbină mai multe spații într-una. Tip - sau # 160 - pentru a crea un spațiu care va fi întotdeauna afișat. Utilizați acest cod de mai multe ori pentru a crea un spațiu alb mai mare. Iată un exemplu de entitate de caractere: o Codificare de caractere care se referă la un caracter pe care nu îl puteți tasta de la tastatură.
  • Spațiul protejat împiedică o rupere de linie în acest moment. Dacă utilizați acest caracter prea des, browserele vor avea dificultăți la introducerea întreruperilor de linie într-un mod curat și lizibil.
  • Imaginea intitulată Inserați spații în HTML Pasul 2
    2
    Introduceți spațiul alb în diferite lățimi. Există mai multe entități ale caracterelor care indică browserului să afișeze un spațiu alb. Diferitele browsere le pot face puțin diferite, spre deosebire de - dar nu ar trebui să afecteze rupturile de linie:
    • ensp- - jumătate spațiu (în spațiu) este de aproximativ latimea a două spații normale
    • emsp- - spațiul de patru (em spațiu) este de aproximativ lățimea a patru spații normale.
  • Imaginea intitulată Inserați spații în HTML Pasul 3
    3
    Imită o filă cu spații protejate. Dacă doriți să asigurați chiar indentare și numai cod HTML este disponibil, cel mai bun pariu este să utilizați spații multiple: - - - -. Utilizați acest lucru doar ca o ultimă soluție. În secțiunea următoare, veți găsi o soluție pentru CSS considerată mai bună sau citiți secțiunea referitoare la paragrafele mai lungi pentru o manipulare mai consistentă a paragrafelor din HTML.
    • Există un caracter corespunzător pentru operarea Tab ↹ buton # 09-, dar de obicei nu este foarte util. Un document HTML obișnuit nu conține nici o filă, astfel încât caracterul pentru o filă nu va avea efect.
  • Imaginea intitulată Inserați spații în HTML Pasul 4
    4
    Returnați paragrafele cu CSS. Distanțele sau marginile CSS oferă instrucțiunilor de prezentare directe ale browserului, ceea ce face rezultatul mai consistent. Nu este atât de greu de lipit, chiar dacă nu puteți folosi CSS și nu aveți stil:
    • Între etichete în documentul HTML pe care îl înscrieți a. Definiți un tip de paragraf cu un nume descriptiv:
    • Lipiți codul CSS pentru distanțe interioare:
    • Pentru a pune un paragraf în documentul dvs. HTML, puneți-l în aceeași zi
      Notă: înlocuiți "1.8" cu un număr de alegere pentru a schimba distanța. În acest caz, se utilizează întotdeauna unitățile de limba engleză care sunt legate de mărimea fontului.


    • Metoda 2
    Formați paragrafe mai lungi

    Imaginea intitulată Inserați spații în HTML Pasul 5
    1
    Utilizați deja textul formatat. Orice text din etichete 
     ar trebui să fie afișate exact așa cum a fost introdus. Fiecare spațiu și intrare vor fi afișate ca într-un program de procesare de text. Ați putea folosi acest lucru pentru a da exemple de cod, poezie sau orice alt text care necesită spații exacte și linii noi.
    • Un text deja formatat poate avea un font diferit de font și o lățime de font decât restul textului.
  • Imaginea intitulată Inserați spațiile în HTML Pasul 6
    2
    Creați pauze de linie. Eticheta încheie linia de text respectivă. Puteți crea linii goale prin mai multe etichete br. Aceasta este o abordare bună pentru începători în HTML, dar HTML impus pe acest tip nu este recomandat după ce ați învățat CSS.
  • Imaginea intitulată Inserați spații în HTML Pasul 7
    3
    Definiți paragrafele cu eticheta p. Cu o zi înainte și după un text se definește un paragraf. Majoritatea browserelor vor separa paragrafele cu o linie simplă, dar nu puteți asigura aspectul precis.
    • Sfaturi
    • Dacă găsiți caractere suplimentare care plutesc în codul dvs., verificând aspectul final, căutați coduri incomplete, cum ar fi 
      .
    • CSS este o modalitate mult mai puternică și mai previzibilă de a proiecta pagina dvs., inclusiv spațiul dintre text.
    • Evitați spațiul alb imediat după o etichetă de început sau înainte de o etichetă de încheiere. De exemplu, scrieți distanțele introducere, nu distanțe introducere .
    avertismente
    • Introduceți întotdeauna codul HTML într-un editor de cod sau un fișier text simplu, nu într-un procesor de text. Dacă albul dvs. devine simboluri ciudate în browserul web, este probabil cauzat de date suplimentare în fișierul de procesare de text care nu este destinat afișării pe Internet.
     
    Distribuiți pe rețelele sociale: 

    înrudit