Tabulatorski razmak umjesto više neprekinutih razmaka (' ')?

Tabulatorski Razmak Umjesto Vise Neprekinutih Razmaka Nbsp



U web razvoju, razmaci se dodaju u HTML dokumente korištenjem '   ” kod entiteta koji se također naziva i neprekinuti razmak. U nekim je slučajevima potrebno dodati više neprekinutih razmaka u dokumentu, poput razmaka za kartice. Stoga višestruki ' ' kodovi entiteta mogu utjecati na redoslijed kodova i urednost dokumenta.

Za rješavanje ovih problema postoji nekoliko drugih načina za uključivanje više neprekinutih razmaka u HTML dokument, kao što je '

   ”, “      ' elementi, CSS '   margin-lijevo   ”, “   padding-lijevo   ” svojstva i još mnogo toga.

Ova studija će vas naučiti:







Prvo ćemo proći kroz primjer koji implementira '   ” za dodavanje razmaka u HTML dokument. Zatim postupno prolazite kroz ilustracije kako biste demonstrirali različite metode dodavanja prostora za kartice.



Kako dodati razmake pomoću “ ” kod entiteta u HTML-u?

Za dodavanje razmaka pomoću '   ” na HTML stranici slijedite navedene korake:



  • Dodajte element div i dodijelite mu klasu ' članak ”.
  • Nakon toga postavite '

    ” element za naslov.

  • Zatim dodajte '

    ” za dodavanje odlomka. Na početku odlomka dodaju se razmaci označavanjem šifre entiteta “   ”:

< div razreda = 'članak' >
< h2 > Znanje je moć < / h2 >
< str >     Znanje je moć označava da obrazovan čovjek ima potpunu kontrolu nad svojim životom zahvaljujući snazi ​​znanja. < / str >
< / div >

Može se vidjeti da su razmaci uspješno dodani na početku odlomka:





Kako dodati prostor za kartice pomoću HTML elementa “”?

HTML ' ” je ugrađeni element koji se koristi za označavanje dijela dokumenta. U primjeru koji je u tijeku, dodali smo element s ' tab ' iskaznica. Ovaj je element stiliziran u CSS-u za stvaranje prostora:



< div razreda = 'članak' >
< h2 >Znanje je moć< / h2 >
< str > < raspon iskaznica = 'tab' >< / raspon > Znanje je moć označava da obrazovan čovjek kroz znanje ima potpunu kontrolu nad svojim životom snagu.


Stil “članak” div

.članak {
margina: auto;
širina : 400 px;
ispuna: 10px;
}

' .članak ' koristi se za pristup '

”, koja se zatim primjenjuje sa sljedećim svojstvima:

  • širina ” svojstvo određuje širinu elementa.
  • margina ” svojstvo određuje visinu elementa.
  • podstava ” stvara prostor oko sadržaja elementa.

ID 'tab' stila

#tab {
padding-left: 8px;
}

' #tab ” pristupite “ tab ” id elementa i primijenite „ padding-lijevo ” vlasništvo na njemu.

Izlaz

Kako dodati prostor za kartice pomoću HTML elementa “
”?

'

   ” element definira unaprijed formatirani tekst. Tekst unutar elementa 
 prikazuje se na web stranici takav kakav jest.

Pregledajte primjer tako da prvo izradite HTML stranicu:

  • Dodajte '

    ” za postavljanje naslova druge razine dokumenta.

  • Zatim dodajte '
       ” i odredite sadržaj sa željenim oblikovanjem:
< h2 >HTML pretoznaka< / h2 >
< prije >
funkcija proizvodFunkcija ( p1, p2 ) {
povratak p1 * p2;
}
< / prije >

Izlaz

Kako dodati prostor za kartice pomoću CSS svojstva “margin-left”?

Za dodavanje prostora za kartice pomoću CSS-a ' margin-lijevo ”, slijedite navedeni postupak:

  • Prvo uključite div element u dokument i dodijelite mu klasu ' slike ”.
  • Unutar ovog elementa div dodajte još dva elementa div zajedno s klasom ' img-1 ' i ' img-2 ” odnosno.
  • Svaki od ova dva div elementa sadrži slike koje su navedene pomoću ' ” oznaka.
  • Ovi “ ” oznake su povezane s „ src ' i ' širina ” atributi. Atribut 'src' navodi URL slike, a atribut 'width' prilagođava širinu slike.

Evo HTML koda gore opisanog scenarija:

< div razreda = 'slike' >
< div razreda = 'img-1' >
< img src = '/spring-images/marguerite-flower.jpg' širina = '250' >
< / div >
< div razreda = 'img-2' >
< img src = '/spring-images/flower-ga8f105f1d_1920.jpg' širina = '250' >
< / div >
< / div >

HTML stranica će izgledati ovako:

Idemo prema odjeljku CSS da dodamo više razmaka u ' img-2 ” klase bez korištenja više neprekinutih razmaka.

Stil 'slike' div

.slike {
širina : 500 px;
margina: auto;
}

' .slike ' koristi se za pristup HTML divu koji sadrži ' slike ” razred. Objašnjenje gore navedenih svojstava je sljedeće:

  • širina ” svojstvo određuje širinu elementa.
  • margina ” Svojstvo određuje prostor oko stranica elementa.

Stil “img-2” div
Pristupite elementu div pomoću ' .img-2 ”:

.img- 2 {
margin-lijevo: 30px;
}

' margin-lijevo ' nekretnina s ' 30 px ' vrijednost primjenjuje se na HTML div element koji ima klasu ' img-2 ”. Ovo svojstvo će dodati 30px prostora lijevo od elementa.

Ovdje rezultat pokazuje da je druga slika primijenjena s razmakom na početku:

Razradili smo dodavanje tabulatorskih razmaka umjesto upotrebe više neprekinutih razmaka '   ”.

Zaključak

U HTML-u, '   ” kod entiteta obično se koristi za dodavanje neprekinutog razmaka u dokumentu. Kako biste izbjegli korištenje ovog koda entiteta više puta, postoje drugi načini dodavanja prostora za kartice u dokumentu. Ove metode uključuju korištenje HTML-a '

   ”, “      ' elementi, '   margin-lijevo   ” vlasništvo, i još mnogo toga. Ovaj blog spominje nekoliko načina koji pomažu u dodavanju prostora za kartice u HTML dokumentu umjesto dodavanja višestrukih “ ” šifre entiteta.