Spațiu pentru tabele în loc de spații multiple care nu se întrerupe („ ”)?

Spatiu Pentru Tabele In Loc De Spatii Multiple Care Nu Se Intrerupe Nbsp



În dezvoltarea web, spațiile sunt adăugate în documentele HTML prin utilizarea „   ” cod de entitate, care este denumit și spațiul de neîncărcare. În unele cazuri, este necesară adăugarea mai multor spații care nu se rup în document, cum ar fi spațiul pentru file. Prin urmare, mai multe „ ” codurile de entitate pot afecta secvența și ordinea codului documentului.

Pentru a rezolva aceste probleme, există mai multe alte modalități de a include mai multe spații care nu se rup în documentul HTML, cum ar fi „

   ”, “      ” elemente, CSS “   margine-stânga   ”, “   padding-stânga   ” proprietăți și multe altele.

Acest studiu vă va învăța:







În primul rând, vom parcurge un exemplu care implementează „   ” pentru a adăuga spații în documentul HTML. Apoi, parcurgeți treptat ilustrațiile pentru a demonstra diferite metode de a adăuga spațiu pentru file.



Cum să adăugați spații folosind „ ” cod de entitate în HTML?

Pentru a adăuga spații folosind „   ” pe pagina HTML, urmați pașii furnizați:



  • Adăugați un element div și atribuiți-i o clasă „ articol ”.
  • După aceea, plasați un „

    ” element pentru antet.

  • Apoi, adăugați „

    ” element pentru a adăuga un paragraf. La începutul paragrafului, spațiile se adaugă prin indicarea codului entității „   ”:

< div clasă = 'articol' >
< h2 > Cunoașterea este putere < / h2 >
< p >     Cunoașterea este putere înseamnă că un om educat are control complet asupra vieții sale prin puterea cunoașterii. < / p >
< / div >

Se poate observa că spațiile au fost adăugate cu succes la începutul paragrafului:





Cum se adaugă spațiu pentru file folosind elementul HTML „”?

HTML-ul „ ” este un element inline care este utilizat pentru a marca o parte a unui document. În exemplul în curs, am adăugat elementul cu „ fila ” id. Acest element este stilat în CSS pentru a produce spațiu:



< div clasă = 'articol' >
< h2 >Cunoașterea este putere< / h2 >
< p > < span id = 'fila' >< / span > Cunoașterea este putere înseamnă că un om educat are control complet asupra vieții sale prin cunoaștere puterea lui.


Stil „articol” div

.articol {
margine: auto;
lăţime : 400px;
umplutură: 10px;
}

.articol ” este folosit pentru a accesa „

” etichete, care este apoi aplicată cu următoarele proprietăți:

  • lăţime ”determină lățimea elementului.
  • marginea ” proprietatea determină înălțimea elementului.
  • căptușeală ” generează spațiu în jurul conținutului elementului.

Id-ul „filă” stil

#tab {
padding-stânga: 8px;
}

#tab ” accesează “ fila ” id-ul elementului și aplicați „ padding-stânga ” proprietate pe ea.

Ieșire

Cum se adaugă spațiu pentru tab folosind elementul HTML „
”?

   ” element definește textul preformatat. Textul din elementul 
 este afișat pe pagina web așa cum este.

Prezentare generală a exemplului creând mai întâi pagina HTML:

  • Adaugă '

    ” element pentru a seta un titlu de nivelul doi documentului.

  • Apoi, adăugați „
       ” și specificați conținutul cu formatarea dorită:
< h2 >HTML pre etichetă< / h2 >
< pre >
function productFunction ( p1, p2 ) {
întoarcere p1 * p2;
}
< / pre >

Ieșire

Cum se adaugă spațiu pentru file folosind proprietatea CSS „margin-left”?

Pentru a adăuga spațiu pentru file folosind CSS „ margine-stânga ” proprietate, urmați procedura prevăzută:

  • Mai întâi, includeți un element div în document și atribuiți-i o clasă „ imagini ”.
  • În interiorul acestui element div, adăugați alte două elemente div împreună cu clasa „ img-1 ' și ' img-2 ” respectiv.
  • Fiecare dintre aceste două elemente div conține imagini care sunt specificate folosind „ ' etichetă.
  • Acestea „ Etichetele ” sunt asociate cu „ src ' și ' lăţime ” atribute. Atributul „src” specifică adresa URL a imaginii, iar atributul „width” ajustează lățimea imaginii.

Iată codul HTML al scenariului discutat mai sus:

< div clasă = 'imagini' >
< div clasă = 'img-1' >
< img src = „/spring-images/marguerite-flower.jpg” lăţime = '250' >
< / div >
< div clasă = 'img-2' >
< img src = „/spring-images/flower-ga8f105f1d_1920.jpg” lăţime = '250' >
< / div >
< / div >

Pagina HTML va arăta astfel:

Să ne îndreptăm către secțiunea CSS pentru a adăuga mai multe spații la „ img-2 ” clasă fără a utiliza mai multe spații neruptura.

Stil „imagini” div

.imagini {
lăţime : 500px;
margine: auto;
}

.imagini ” este folosit pentru a accesa div-ul HTML care conține „ imagini ” clasa. Explicația proprietăților menționate mai sus este următoarea:

  • lăţime ”determină lățimea elementului.
  • marginea ”proprietatea determină spațiul din jurul laturilor elementului.

Stil „img-2” div
Accesați elementul div folosind butonul „ .img-2 ”:

.img- 2 {
margine-stânga: 30px;
}

margine-stânga ” proprietate cu ” 30px ” valoarea este aplicată elementului div HTML având clasa “ img-2 ”. Această proprietate va adăuga spațiu de 30 px în partea stângă a elementului.

Aici, rezultatul arată că a doua imagine este aplicată cu puțin spațiu la început:

Am elaborat mai multe despre adăugarea de spații de file în loc să folosim mai multe spații neîntrerupte „   ”.

Concluzie

În HTML, „   ”Codul de entitate este utilizat în mod obișnuit pentru a adăuga spațiu neîntrerupt în document. Pentru a evita utilizarea acestui cod de entitate de mai multe ori, există și alte modalități de a adăuga spațiu pentru file într-un document. Aceste metode includ utilizarea HTML „

   ”, “      ' elemente, '   margine-stânga   ” proprietate, și multe altele. Acest blog a menționat mai multe moduri care ajută la adăugarea de spații de file în documentul HTML în loc să adăugați mai multe „ ” coduri de entitate.