Sarkainväli useiden katkeamattomien välilyöntien sijaan (' ')?

Sarkainvali Useiden Katkeamattomien Valilyontien Sijaan Nbsp



Verkkokehityksessä välilyönnit lisätään HTML-dokumentteihin käyttämällä '   ”-entiteettikoodi, jota kutsutaan myös katkeamattomaksi välilyönniksi. Joissakin tapauksissa asiakirjaan on lisättävä useita välilyöntejä, kuten sarkainväliä. Siksi useita ' ' entiteettikoodit voivat vaikuttaa asiakirjan koodijärjestykseen ja siisteyteen.

Näiden ongelmien ratkaisemiseksi on olemassa useita muita tapoja sisällyttää HTML-dokumenttiin useita välilyöntejä, kuten ' 

   ”, “      ' elementtejä, CSS '   marginaali vasen   ”, “   pehmuste-vasen   ”-ominaisuuksia ja paljon muuta.


  Tämä tutkimus opettaa sinulle:
 
    
 

 



  Ensin käydään läpi esimerkki, joka toteuttaa '       ' lisätäksesi välilyöntejä HTML-dokumenttiin. Käy sitten asteittain läpi kuvat ja esittele erilaisia ​​tapoja lisätä välilehtitilaa.
 
 


  Välilyöntien lisääminen käyttämällä ' ' entiteettikoodi HTML:ssä?


  Voit lisätä välilyöntejä käyttämällä '       ' HTML-sivulla, noudata annettuja ohjeita:
 
 


    

  •   Lisää div-elementti ja määritä sille luokka '   artikla   ”.
    • 

  •   Aseta sen jälkeen '   
       ”-elementti otsikossa.
    • 

  •   Lisää sitten '   
       ” -elementti kappaleen lisäämiseksi. Kappaleen alussa välilyönnit lisätään ilmoittamalla kokonaisuuden koodi '       ”:
    • 


  <   div    luokkaa  =  'artikla'  > 
    <   h2   >  Tieto on valtaa  <  /   h2   > 
    <   s   >        Tieto on valtaa tarkoittaa, että koulutettu ihminen hallitsee elämäänsä täysin tiedon voiman kautta.  <  /   s   > 

  <  /   div   >

  Voidaan nähdä, että välilyönnit on lisätty onnistuneesti kappaleen alkuun:
 
    
 


 


  Kuinka lisätä sarkaintilaa HTML-elementin '' avulla?


  HTML '      ” on tekstin sisäinen elementti, jota käytetään asiakirjan osan merkitsemiseen. Jatkuvassa esimerkissä olemme lisänneet -elementin '   -välilehti   ”id. Tämä elementti on muotoiltu CSS:ssä tilan tuottamiseksi:
 
 
  <   div    luokkaa  =  'artikla'  > 
  <   h2   >Tieto on valtaa<  /   h2   > 
  <   s   > <   jänneväli    id  =  'välilehti'  ><  /   jänneväli   > Tieto on valtaa tarkoittaa, että koulutettu ihminen hallitsee elämäänsä täysin tiedon kautta  vahvuus.

Tyyli 'artikkeli' jako

.artikla {
 margin: auto;
leveys : 400px;
täyte: 10px;
}

' .artikla ' käytetään pääsyyn '

' -tunnisteet, joita käytetään sitten seuraavilla ominaisuuksilla:

  • ' leveys ”-ominaisuus määrittää elementin leveyden.
  • ' marginaali ”-ominaisuus määrittää elementin korkeuden.
  • ' pehmuste ” luo tilaa elementin sisällön ympärille.

Tyyli 'välilehti' id

#välilehti {
täyte-vasen: 8px;
}

' #välilehti ' päästä ' -välilehti ' id -elementin ja käytä ' pehmuste-vasen ”omaisuutta siinä.

Lähtö

Kuinka lisätä välilehtitilaa HTML-elementillä '
'?

' 

   ”-elementti määrittää esimuotoillun tekstin. 
-elementin teksti näytetään verkkosivulla sellaisenaan.


  Katso esimerkkiä luomalla ensin HTML-sivu:


    

  •   Lisää '   
       ” -elementti asettaaksesi asiakirjalle tason kaksi otsikon.
    • 

  •   Lisää sitten '   
       ” -tunniste ja määritä sisältö halutulla muotoilulla:
    • 

  <   h2   >HTML pre tag<  /   h2   > 
  <   pre   > 
  toiminto productFunction  (  p1, p2  )   { 
  paluu p1 * p2; 
    }  
  <  /   pre   >
   Lähtö  

 


  Kuinka lisätä välilehtitilaa CSS-margin-left-ominaisuuden avulla?


  Sarkaintilan lisääminen CSS:n avulla   marginaali vasen   ” omaisuutta, noudata annettua menettelyä:


    

  •   Sisällytä ensin div-elementti dokumenttiin ja määritä sille luokka '   kuvia   ”.
    • 

  •   Lisää tähän div-elementtiin vielä kaksi div-elementtiä luokan '   img-1   ' ja '   img-2   ' vastaavasti.
    • 

  •   Kukin näistä kahdesta div-elementistä sisältää kuvia, jotka on määritetty käyttämällä '       ' -tunniste.
    • 

  •   nämä '       ' -tunnisteet liittyvät '   src   ' ja '   leveys   ” attribuutteja. Attribuutti 'src' määrittää kuvan URL-osoitteen ja 'width'-attribuutti säätää kuvan leveyttä.
    • 



  Tässä on edellä käsitellyn skenaarion HTML-koodi:
  <   div    luokkaa  =  'kuvat'  > 
  <   div    luokkaa  =  'img-1'  > 
  <   img    src  =  '/spring-images/marguerite-flower.jpg'   leveys  =  '250'  > 
  <  /   div   > 
  <   div    luokkaa  =  'img-2'  > 
  <   img    src  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   leveys  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  HTML-sivu näyttää tältä: 

 


  Siirrytään CSS-osaan lisätäksesi useita välilyöntejä '   img-2   ” luokkaa käyttämättä useita välilyöntejä.


   Tyyli 'kuvat' jako 
  .kuvat  { 
    leveys  : 500px; 
   margin: auto; 

  }

  '   .kuvat   ' käytetään päästämään HTML-div-tiedostoon, joka sisältää '   kuvia   ”luokka. Edellä mainittujen ominaisuuksien selitys on seuraava:


    

  •   '   leveys   ”-ominaisuus määrittää elementin leveyden.
    • 

  •   '   marginaali   ”-ominaisuus määrittää elementin sivujen ympärillä olevan tilan.
    • 



   Tyyli 'img-2' div  
  Siirry div-elementtiin käyttämällä '   .img-2   ”:
  .img-  2   { 
  marginaali vasen: 30px; 

  }

  '   marginaali vasen   ' kiinteistö '   30 kuvapistettä   '-arvoa käytetään HTML-div-elementtiin, jolla on luokka '   img-2   ”. Tämä ominaisuus lisää 30 kuvapisteen tilaa elementin vasemmalle puolelle.


  Tässä tulos osoittaa, että toiseen kuvaan lisätään välilyönti alussa:


 


  Olemme kehittäneet sarkaimien lisäämistä useiden välilyöntien sijaan.       ”.


  Johtopäätös


  HTML:ssä '       ” entiteettikoodia käytetään yleisesti lisäämään välilyöntiä dokumenttiin. Jotta tätä entiteettikoodia ei käytetä useita kertoja, on olemassa muita tapoja lisätä sarkaintilaa asiakirjaan. Näihin menetelmiin kuuluu HTML:n käyttö   
   ”, “      ' elementtejä, '   marginaali vasen   ”omaisuutta ja paljon muuta. Tässä blogissa on mainittu useita tapoja, jotka auttavat lisäämään sarkaimia HTML-dokumenttiin useiden ' '-merkkien lisäämisen sijaan. entiteettien koodeja.

							
							

							
							

							

							

							  

								 Muut

Luokka

Suosittu Viestiä

Kuinka monta analogista tuloa Arduino Unossa

Zsh Vim -tila

Kuinka tehdä uskomattomia sitoumuksia 'git add -interactive' -komennolla

Hatsymbolin kirjoittaminen ja käyttö LaTeXissä

Kuinka pääsen eroon Markdownissa

Kuinka luoda tilastoja Git-varastosta

MongoDB:n kehittäminen JavaScriptillä

Kuinka pehmustetaan tietty kuva kaikilta puolilta PyTorchissa?

Kuinka valita sitoumusesimerkki

Miksi sinun täytyy laittaa bin/bash komentosarjatiedoston alkuun – bash

Kuinka käyttää HTML-osoitetunnistetta?

Mikä on ReadLine()-menetelmä C#:ssa

Kuinka asentaa Pidgin Raspberry Pi:hen

Kuinka käyttää Windowsin muistilappuja?

Kuinka tietää Windows 10 -versio

Kuinka suorittaa BAT-tiedosto Windowsissa

Valitse Emacsissa kaikki teksti

Haihtuva C++

Kuinka kuivataan Git-komennot?

Kuinka olla vuorovaikutuksessa Node.js:n tiedostokuvaajien kanssa?