gtemata.com

Cum se introduc spațiile în HTML

Când compilați codul, toate simbolurile legate de spațierea textului, introduse folosind bara de spațiu, tasta tab sau tasta enter, sunt complet ignorate de compilatorul sau de software-ul utilizat. Limba HTML le interpretează pur și simplu ca spații goale între cuvintele care alcătuiesc textul, apoi le oferă și le afișează exact așa cum apar, adică spații goale. Cu toate că foile de stil CSS vă permit să utilizați un stil mai precis și aspectul paginii legate de spațierea și indentarea textului, HTML are mai multe instrumente pentru personalizarea acestor aspecte.

paşi

Partea 1

Introduceți spațiile și filele unice
Imaginea intitulată Inserați spațiile în HTML Pasul 1
1
Introduceți unul spațiu unificator. În mod normal, limbajul HTML compactează mai multe spații într-un singur caracter. Introducerea codului &# 160 - creăm un spațiu gol care va fi întotdeauna afișat pe ecran. Repetați acest cod de mai multe ori pentru a crea un șir mai mare de spații libere. Acesta este un exemplu de ceea ce se numește "caracterul entității": un cod care se referă la un caracter sau un simbol care nu poate fi introdus direct prin tastatura calculatorului.
  • Acest caracter special este numit "spațiu unificator" deoarece nu indică sfârșitul liniei și împiedică returul căii rezultate. Folosind acest simbol prea mult, browserele ar avea dificultăți la inserarea corectă a întreruperilor la sfârșitul liniilor de text, în încercarea de ao face ordonată și lizibilă.
  • Imaginea intitulată Inserați spații în HTML Pasul 2
    2
    Introduceți blanduri de diferite lungimi. Există și alte caractere speciale (entități de caractere) care pot indica browserului de internet să afișeze un spațiu gol. Cu toate acestea, diferite browsere pot interpreta aceste entități puțin diferit, dar, spre deosebire de cod, - în acest caz nu ar trebui să afecteze pauzele de linie:
  • &ensp-: ia numele din bloc "N" de prese de tipar. măsura "ro" introduce un spațiu gol de aproximativ două caractere.
  • &emsp-: entitatea "em" introduce un spațiu de aproximativ patru caractere.
  • Imaginea intitulată Inserați spații în HTML Pasul 3
    3
    Simulează tabularea utilizând entitatea caracteristică spațială unificatoare. Dacă trebuie să garantați o indentare fixă ​​a textului și pentru a face acest lucru puteți utiliza numai cod HTML, cea mai bună opțiune disponibilă pentru dvs. este de a utiliza entitățile de caractere diferite legate de spațiere: - - - -. Cu toate acestea, se limitează la utilizarea acestei metode numai ca o ultimă soluție. Consultați pasul următor dacă aveți abilitatea de a utiliza foi de stil CSS: considerați cea mai elegantă soluție de adoptat în aceste cazuri. Alternativ, citiți secțiunea privind gestionarea paragrafelor mari de text utilizând standardul HTML. [Imagine: Introduceți spații în HTML Pas 5.jpg | centru]]
  • Există un caracter care generează același rezultat obținut prin apăsarea tastei (&# 09-), dar în mod normal nu este utilă. Codul HTML standard nu folosește oprirea filelor, astfel încât caracterul corespunzător nu efectuează nicio funcție.
  • Imaginea intitulată Inserați spații în HTML Pasul 4
    4
    Indicați textul utilizând foi de stil CSS. Proprietățile "umplutură" și "margine" CSS furnizează browserului instrucțiuni precise privind modul de afișare a conținutului, astfel încât rezultatul obținut este mult mai consistent. Chiar dacă nu sunteți familiarizat cu CSS și nu aveți o foaie de stil, implementarea unei soluții cu aceste instrumente nu este dificilă:
  • În secțiunea inclusă în etichete din documentul dvs. HTML, introduceți codul

    "p.indent" definește un tip de paragraf (p tag) ciamato "dantelat" (puteți utiliza orice nume). Restul codului adaugă un spațiu alb în partea stângă a acestor paragrafe.
  • Acum du-te înapoi la corpul documentului HTML. Ori de câte ori doriți să indentați un paragraf, introduceți codul între aceste etichete.
  • Pentru a defini valoarea corectă a indentării, editați numărul "1.8" în cadrul codului CSS. Păstrează-l "em" după numărul, care este lungimea relativă la mărimea caracterului utilizat.

    • Partea 2

    Formați porțiuni mari de text

    Imaginea intitulată Inserați spații în HTML Pasul 5
    1
    Utilizați text preformat. Orice texte incluse în etichete 
     ar trebui să apară pe ecran exact pe măsură ce tastați. Fiecare caracter introdus prin apăsarea barei de spațiu sau a tastei enter trebuie afișat exact ca în orice editor de text. Puteți utiliza această soluție pentru a afișa un eșantion de cod, poezii sau orice alt tip de text care este important pentru a respecta spațiile liniare, alinierea și rupturile liniei inițiale.
    • Textul preformat poate folosi un font și o dimensiune diferită de cea normală.
  • Imaginea intitulată Inserați spații în HTML Pasul 5
    2
    Creați pauze de linie. Eticheta HTML indică browserului că linia curentă de text este terminată. Folosind mai multe etichete, puteți crea secțiuni de text alcătuite numai din linii goale. Aceasta este o abordare acceptabilă dacă sunteți începător cu utilizarea HTML, dar este o soluție discontinuă care nu ar trebui utilizată după ce ați învățat să utilizați foi de stil CSS.
  • Imaginea intitulată Inserați spații în HTML Pasul 7
    3
    Definiți paragrafele de text utilizând etichete "p". Etichetele indică browserului că textul din interiorul acestuia trebuie gestionat ca un singur paragraf. Majoritatea browserelor de internet separă fiecare paragraf prin introducerea unei linii goale de text, însă utilizarea unui stil precis nu este garantată.
    • Sfaturi
    • Dacă în timpul verificării aspectului vizual generat de codul dvs. HTML înțelegeți că există simboluri străine, verificați dacă nu ați introdus etichete parțiale sau le-ați omorât complet. De exemplu, este posibil să fi utilizat eticheta 
      .
    • Foile de stil CSS sunt un instrument mult mai puternic și mai flexibil pentru gestionarea aspectului vizual al paginilor web, inclusiv spațierea și formatarea textului.
    • Evitați să introduceți semne imediat după o etichetă de deschidere sau înainte de o etichetă de închidere. De exemplu, utilizați codul Tutorial pe spaţierea și nu Tutorial pe  spaţierea .
    Avertismente
    • Creați întotdeauna propriul dvs. HTML utilizând un editor de programare special sau un fișier text simplu. Nu utilizați niciodată un editor de text, cum ar fi Word sau Writer. Când, în browser-ul de internet, semnele introduse în cod sunt reprezentate de simboluri ciudate, înseamnă că ați folosit cel mai probabil un editor de text care a adăugat informații suplimentare privind formatarea textului. Aceste informații nu sunt potrivite pentru vizionarea online.
     
    Distribuiți pe rețelele sociale: 

     
    înrudit