Skirtuko tarpas vietoj kelių nepertraukiamų tarpų („ “)?

Skirtuko Tarpas Vietoj Keliu Nepertraukiamu Tarpu Nbsp



Kuriant žiniatinklį, tarpai pridedami HTML dokumentuose naudojant „   “ objekto kodas, kuris taip pat vadinamas nepertraukiamu tarpu. Kai kuriais atvejais dokumente reikia pridėti kelis nepertraukiamus tarpus, pvz., skirtukų tarpą. Todėl keli „ “ objekto kodai gali turėti įtakos dokumento kodų sekai ir tvarkingumui.

Norint išspręsti šias problemas, yra keletas kitų būdų, kaip į HTML dokumentą įtraukti kelis nepertraukiamus tarpus, pvz., „ “, „ “ elementai, CSS “ paraštė-kairė “, „ kamšalas-kairėje “ savybės ir daug daugiau.

Šis tyrimas išmokys jus:





Pirmiausia apžvelgsime pavyzdį, kuris įgyvendina „   “, jei norite pridėti tarpų HTML dokumente. Tada palaipsniui peržiūrėkite iliustracijas, kad parodytumėte skirtingus būdus, kaip pridėti skirtuko vietos.



Kaip pridėti tarpų naudojant „ “ subjekto kodas HTML?

Norėdami pridėti tarpų naudodami „   “ HTML puslapyje, atlikite nurodytus veiksmus:



  • Pridėkite div elementą ir priskirkite jam klasę ' straipsnis “.
  • Po to įdėkite „

    “ antraštės elementas.

  • Tada pridėkite „

    “ elementą, kad pridėtumėte pastraipą. Pastraipos pradžioje tarpai pridedami, nurodant subjekto kodą „   “:

< div klasė = 'straipsnis' >
< h2 > Žinios yra galia < / h2 >
< p >     Žinios yra galia reiškia, kad išsilavinęs žmogus gali visiškai kontroliuoti savo gyvenimą per žinių jėgą. < / p >
< / div >

Matyti, kad tarpai buvo sėkmingai pridėti pastraipos pradžioje:



Kaip pridėti skirtukų vietos naudojant HTML elementą „“?

HTML“ “ yra eilutinis elementas, naudojamas dokumento daliai pažymėti. Dabartiniame pavyzdyje pridėjome elementą su „ skirtuką “ ID. Šis elementas CSS formuojamas taip, kad būtų sukurta erdvė:



< div klasė = 'straipsnis' >
< h2 >Žinios yra galia< / h2 >
< p > < span id = 'skirtukas' >< / span > Žinios yra galia reiškia, kad išsilavinęs žmogus per žinias visiškai kontroliuoja savo gyvenimą stiprybė.


Stilius 'straipsnis' skyr

.straipsnis {
paraštė: auto;
plotis : 400 taškų;
pamušalas: 10px;
}

„ .straipsnis “ naudojamas norint pasiekti „

“ žymos, kurios vėliau pritaikomos su šiomis ypatybėmis:

  • “ plotis “ savybė nustato elemento plotį.
  • “ marža “ savybė nustato elemento aukštį.
  • “ kamšalas “ sukuria erdvę aplink elemento turinį.

Stiliaus „skirtuko“ ID

#skirtukas {
užpildymas kairėje: 8 pikseliai;
}

„ #skirtukas “ prieiti prie “ skirtuką ' id elemento ir pritaikykite ' kamšalas-kairėje “ turtą ant jo.

Išvestis

Kaip pridėti skirtukų vietos naudojant HTML elementą „
“?

„ “ elementas apibrėžia iš anksto suformatuotą tekstą. Tekstas elemente 

 tinklalapyje rodomas toks, koks yra.


  Peržiūrėkite pavyzdį pirmiausia sukurdami HTML puslapį:


    

  •   Pridėkite '   
       “ elementą, kad nustatytumėte dokumento antrojo lygio antraštę.
    • 

  •   Tada pridėkite „      “ žymą ir nurodykite turinį norimu formatavimu:
    • 

  <   h2   >HTML prieš žymą<  /   h2   > 
  <   išankstinis   > 
  funkcija produktasFunkcija  (  p1, p2  )   { 
  grąžinti p1 * p2; 
    }  
  <  /   išankstinis   >
   Išvestis  

 


  Kaip pridėti skirtukų vietos naudojant CSS „margin-left“ nuosavybę?


  Norėdami pridėti vietos skirtukams naudojant CSS '   paraštė-kairė   “ turtą, laikykitės nurodytos tvarkos:


    

  •   Pirmiausia į dokumentą įtraukite div elementą ir priskirkite jam klasę '   vaizdai   “.
    • 

  •   Šiame div elemente kartu su klase pridėkite dar du div elementus   img-1   “ ir „   img-2   “ atitinkamai.
    • 

  •   Kiekviename iš šių dviejų div elementų yra vaizdų, kurie nurodyti naudojant '       “ žymą.
    • 

  •   Šie '       “ žymos yra susietos su “   src   “ ir „   plotis   “ atributai. Atributas „src“ nurodo vaizdo URL, o atributas „width“ koreguoja vaizdo plotį.
    • 



  Štai aukščiau aptarto scenarijaus HTML kodas:
  <   div    klasė  =  'vaizdai'  > 
  <   div    klasė  =  'img-1'  > 
  <   img    src  =  '/spring-images/marguerite-flower.jpg'   plotis  =  '250'  > 
  <  /   div   > 
  <   div    klasė  =  'img-2'  > 
  <   img    src  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   plotis  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  HTML puslapis atrodys taip: 

 


  Pereikime prie CSS skyriaus, kad pridėtume keletą tarpų prie „   img-2   “ klasėje nenaudojant kelių nepertraukiamų tarpų.


   Stilių „vaizdai“ skyr 
  .vaizdai  { 
    plotis  : 500 taškų; 
  marža: automobilis; 

  }

  „   .vaizdai   “ naudojamas norint pasiekti HTML div, kuriame yra „   vaizdai   ' klasė. Aukščiau nurodytų savybių paaiškinimas yra toks:


    

  •   “   plotis   “ savybė nustato elemento plotį.
    • 

  •   “   marža   “ savybė nustato erdvę aplink elemento šonus.
    • 



   Stilius „img-2“ skyr  
  Pasiekite div elementą naudodami „   .img-2   “:
  .img-  2   { 
  paraštė kairėje: 30 pikselių; 

  }

  „   paraštė-kairė   “ turtas su “   30 piks   ' vertė taikoma HTML div elementui, kurio klasė '   img-2   “. Ši savybė pridės 30 piks. vietos elemento kairėje.


  Čia rezultatas rodo, kad antrasis vaizdas taikomas su šiek tiek tarpo pradžioje:


 


  Mes patobulinome, kaip pridėti tabuliavimo tarpus, o ne naudoti kelis nepertraukiamus tarpus “       “.


  Išvada


  HTML, „       “ objekto kodas dažniausiai naudojamas norint pridėti nepertraukiamo tarpo dokumente. Kad šis subjekto kodas nebūtų naudojamas kelis kartus, yra kitų būdų, kaip dokumente pridėti tabuliavimo vietos. Šie metodai apima HTML naudojimą      “, „      “ elementai, “   paraštė-kairė   “ nuosavybė ir daugelis kitų. Šiame tinklaraštyje paminėti keli būdai, padedantys pridėti tabuliavimo tarpų HTML dokumente, o ne pridėti kelis „ “ subjekto kodai.

							
							

							
							

							

							

							  

								 Kita

Kategorija

Populiarios Temos

Kur fiziškai yra „Discord“ balso serveriai ir kaip perjungti balso regioną?

Kaip įdiegti Arduino IDE Debian 12

Kaip ant Roblox uždėti kelis plaukus?

Kaip rasti spalvų kodą HTML

Paleiskite PostGIS serverį kaip Docker konteinerį

„Discord“ pristato „Clubhouse“ stiliaus scenos kanalus

Kaip pridėti ir konfigūruoti SSH raktą „GitLab“.

Kaip pridėti horizontalią ir vertikalią ribą tailwind?

Kas yra „FormData“ objektas „JavaScript“?

Kaip atnaujinti Kali Linux?

Kaip įdiegti „VMware Workstation 17 Pro“ „Debian 12“.

Kaip sukonfigūruoti „Deny Service“ išorinius IP „Kubernetes“.

Kaip sukurti ir naudoti Python generatorius

Kaip įdiegti „Git“ sistemoje „Linux Mint 21“.

Kas yra „Windows 11“ niekada nejungti užduočių juostos funkcija ir kaip ją įjungti?

Kaip naudoti jaustukus sistemoje „Windows 10“.

Kas yra diapazonas C#

Kaip atnaujinti Debian

Kaip sukurti poros klasę Java

Kaip suskaičiuoti dokumentus naudojant „MongoDB“ bendrą skaičių