Tabulatorski presledek namesto več neprekinjenih presledkov (» «)?

Tabulatorski Presledek Namesto Vec Neprekinjenih Presledkov Nbsp



Pri spletnem razvoju se presledki v dokumentih HTML dodajo z uporabo »   ” kodo entitete, ki se imenuje tudi neprekinjeni presledek. V nekaterih primerih je treba v dokument dodati več neprekinjenih presledkov, kot je prostor za zavihke. Zato je več » « kode subjektov lahko vplivajo na zaporedje kod in urejenost dokumenta.

Za reševanje teh težav obstaja več drugih načinov za vključitev več neprekinjenih presledkov v dokument HTML, kot je » ”, “ » elementi, CSS « rob-levo ”, “ oblazinjenje-levo ” lastnosti in še veliko več.

Ta študij vas bo naučil:





Najprej se bomo sprehodili skozi primer, ki izvaja '   ”, da dodate presledke v dokumentu HTML. Nato postopoma pojdite skozi ilustracije, da prikažete različne metode za dodajanje prostora za zavihke.



Kako dodati presledke z uporabo » « kodo entitete v HTML?

Za dodajanje presledkov z uporabo »   « na strani HTML sledite navedenim korakom:



  • Dodajte element div in mu dodelite razred ' Članek ”.
  • Po tem postavite '

    ” za naslov.

  • Nato dodajte »

    ” za dodajanje odstavka. Na začetku odstavka se presledki dodajo z navedbo šifre subjekta »   ”:

< div razred = 'Članek' >
< h2 > Znanje je moč < / h2 >
< str >     Znanje je moč pomeni, da ima izobražen človek s pomočjo moči znanja popoln nadzor nad svojim življenjem. < / str >
< / div >

Vidimo, da so bili presledki uspešno dodani na začetku odstavka:



Kako dodati prostor za zavihke z elementom HTML “”?

HTML ' ” je vgrajeni element, ki se uporablja za označevanje dela dokumenta. V tekočem primeru smo dodali element z ' zavihek ” id. Ta element je oblikovan v CSS za ustvarjanje prostora:



< div razred = 'Članek' >
< h2 >Znanje je moč< / h2 >
< str > < razpon id = 'zavihek' >< / razpon > Znanje je moč pomeni, da ima izobražen človek s pomočjo znanja popoln nadzor nad svojim življenjem moč.


Slog »članek« div

.Članek {
rob: avto;
premer : 400 slikovnih pik;
oblazinjenje: 10px;
}

' .Članek ' se uporablja za dostop do '

”, ki se nato uporabi z naslednjimi lastnostmi:

  • “ premer Lastnost določa širino elementa.
  • “ marža Lastnost določa višino elementa.
  • “ oblazinjenje ” ustvari prostor okoli vsebine elementa.

ID »zavihka« sloga

#tab {
oblazinjenje-levo: 8px;
}

' #tab ' dostop do ' zavihek ” id elementa in uporabite oblazinjenje-levo ” lastnina na njem.

Izhod

Kako dodati prostor za zavihke z uporabo elementa HTML “
”?

' ” definira predhodno oblikovano besedilo. Besedilo v elementu 

 je na spletni strani prikazano tako, kot je.


  Oglejte si primer tako, da najprej ustvarite stran HTML:


    

  •   Dodajte »   
       ” za nastavitev naslova druge ravni dokumenta.
    • 

  •   Nato dodajte »      ” in določite vsebino z želenim oblikovanjem:
    • 

  <   h2   >HTML pre Tag<  /   h2   > 
  <   pred   > 
  funkcija productFunction  (  p1, p2  )   { 
  vrni p1 * p2; 
    }  
  <  /   pred   >
   Izhod  

 


  Kako dodati prostor za zavihke z lastnostjo CSS 'margin-left'?


  Za dodajanje prostora za zavihke z uporabo CSS   rob-levo   ” sledite predvidenemu postopku:


    

  •   Najprej vključite element div v dokument in mu dodelite razred '   slike   ”.
    • 

  •   Znotraj tega elementa div dodajte še dva elementa div skupaj z razredom '   img-1   « in »   img-2   « oz.
    • 

  •   Vsak od teh dveh elementov div vsebuje slike, ki so določene z '       ' oznaka.
    • 

  •   Te '       » so oznake povezane z »   src   « in »   premer   ' lastnosti. Atribut »src« določa URL slike, atribut »width« pa prilagaja širino slike.
    • 



  Tukaj je koda HTML zgoraj obravnavanega scenarija:
  <   div    razred  =  'slike'  > 
  <   div    razred  =  'img-1'  > 
  <   img    src  =  '/spring-images/marguerite-flower.jpg'   premer  =  '250'  > 
  <  /   div   > 
  <   div    razred  =  'img-2'  > 
  <   img    src  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   premer  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  Stran HTML bo videti takole: 

 


  Pomaknimo se proti razdelku CSS, da dodamo več presledkov v »   img-2   ” brez uporabe več neprekinjenih presledkov.


   Slog 'slike' div 
  .slike  { 
    premer  : 500 slikovnih pik; 
  rob: avto; 

  }

  '   .slike   « se uporablja za dostop do diva HTML, ki vsebuje »   slike   ” razred. Razlaga zgoraj navedenih lastnosti je naslednja:


    

  •   “   premer   Lastnost določa širino elementa.
    • 

  •   “   marža   Lastnost določa prostor okoli stranic elementa.
    • 



   Slog 'img-2' div  
  Dostopite do elementa div s pomočjo »   .img-2   ”:
  .img-  2   { 
  rob-levo: 30px; 

  }

  '   rob-levo   » lastnina z «   30 slikovnih pik   ' se vrednost uporabi za element HTML div z razredom '   img-2   ”. Ta lastnost bo dodala 30 slikovnih pik prostora na levi strani elementa.


  Tukaj rezultat kaže, da je druga slika uporabljena z nekaj presledka na začetku:


 


  Razvili smo dodajanje presledkov z zavihki namesto uporabe več neprekinjenih presledkov '       ”.


  Zaključek


  V HTML je »       ” koda entitete se običajno uporablja za dodajanje neprekinjenega prostora v dokumentu. Da bi se izognili večkratni uporabi te kode entitete, obstajajo drugi načini za dodajanje prostora za zavihke v dokumentu. Te metode vključujejo uporabo HTML '      ”, “      'elementi',   rob-levo   ” lastnina in še veliko več. Ta blog je omenil več načinov, ki pomagajo dodati prostore zavihkov v dokument HTML namesto dodajanja več » « šifre subjektov.

							
							

							
							

							

							

							  

								 drugo

Kategorija

Priljubljene Objave

Git seznam novih/spremenjenih/izbrisanih datotek

Kako uspešno implementirati pregled stanja v Docker Compose

Funkcija tiskanja vozlišča js

Kako ustvariti shranjene postopke v PostgreSQL

Za kaj se uporablja MATLAB? Osnove programiranja MATLAB

Kopirajte in ekstrahirajte datoteke iz razvojnega okolja v Linux

Neopredeljena napaka pri dodajanju povezave do Priljubljene v sistemih Windows Vista in Windows 7 - Winhelponline

3 metode za iskanje imena gostitelja za Raspberry Pi

Kaj je agent v LangChainu?

Prisilite »git push« za prepisovanje oddaljenih datotek

Kako pretvoriti long v int v Javi

Kako ustvariti Round Robin Load Balancer v Kubernetesu

Pošljite datoteke na e-pošto prek gumba za skupno rabo v programu Explorer 10 - Winhelponline

Kako namestiti Node.js iz datoteke v Linuxu?

Kako pridobiti naslov IP vozlišča Kubernetes

Kako se premikati po navadnem objektu JavaScript

4 načini za odstranitev vremena iz opravilne vrstice v sistemu Windows

Cassandra Clear Snapshots

Kako snemati zaslon na TikTok v sistemu Android

Kako uporabljati funkcijo preg_match_all() v PHP