Tabeldusruum mitme katkematu tühiku asemel (“ ”)?

Tabeldusruum Mitme Katkematu Tuhiku Asemel Nbsp



Veebiarenduses lisatakse HTML-dokumentidesse tühikud, kasutades '   ” olemi kood, mida nimetatakse ka katkematuks tühikuks. Mõnel juhul on vaja dokumenti lisada mitu mittemurdvat tühikut, näiteks tabeldusruumi. Seetõttu on mitu ' ' olemi koodid võivad mõjutada dokumendi koodijada ja puhtust.

Nende probleemide lahendamiseks on mitmeid muid viise, kuidas lisada HTML-dokumenti mitu mittemurdvat tühikut, näiteks ' 

   ”, „      ' elemendid, CSS '   margin-vasak   ”, „   polster-vasak   ” omadused ja palju muud.


  See uuring õpetab teile:
 
    
 

 



  Esiteks vaatame läbi näite, mis rakendab '       ” HTML-dokumendis tühikute lisamiseks. Seejärel lugege järk-järgult läbi illustratsioonid, et näidata erinevaid meetodeid vahelehe ruumi lisamiseks.
 
 


  Tühikute lisamine „ ” abil olemi kood HTML-is?


  Tühikute lisamiseks kasutades '       HTML-lehel, järgige toodud samme:
 
 


    

  •   Lisage element div ja määrake sellele klass '   artiklit   ”.
    • 

  •   Pärast seda asetage '   
       ” element pealkirja jaoks.
    • 

  •   Seejärel lisage '   
       ” element lõigu lisamiseks. Lõigu alguses lisatakse tühikud, märkides olemi koodi '       ”:
    • 


  <   div    klass  =  'artikkel'  > 
    <   h2   >  Teadmine on jõud  <  /   h2   > 
    <   lk   >        Teadmine on võim tähendab, et haritud mehel on teadmiste jõu kaudu täielik kontroll oma elu üle.  <  /   lk   > 

  <  /   div   >

  On näha, et tühikud on lõigu alguses edukalt lisatud:
 
    
 


 


  Kuidas lisada vahekaarti HTML-i „” elemendi abil?


  HTML'      ” on tekstisisene element, mida kasutatakse dokumendi osa märgistamiseks. Praeguses näites oleme lisanud elemendi  koos '   sakk   ”id. See element on CSS-is kujundatud ruumi tekitamiseks:
 
 
  <   div    klass  =  'artikkel'  > 
  <   h2   >Teadmised on jõud<  /   h2   > 
  <   lk   > <   ulatus    id  =  'tab'  ><  /   ulatus   > Teadmine on võim tähendab, et haritud mehel on teadmiste kaudu täielik kontroll oma elu üle  tugevus.

Stiili “artikkel” jaotus

.artikkel {
veeris: auto;
laius : 400 pikslit;
polster: 10px;
}

' .artikkel ' kasutatakse juurdepääsuks '

” sildid, mida seejärel rakendatakse järgmiste atribuutidega:

  • “ laius ” atribuut määrab elemendi laiuse.
  • “ marginaal ” omadus määrab elemendi kõrguse.
  • “ polsterdus ” loob ruumi elemendi sisu ümber.

Stiili 'tab' id

#tab {
polster-vasak: 8px;
}

' #tab ' pääsete juurde ' sakk elemendi ID ja rakendage polster-vasak ” vara sellel.

Väljund

Kuidas lisada vahekaarti HTML-i '
' elemendi abil?

' 

   ” element määratleb eelvormindatud teksti. Elemendi 
 tekst kuvatakse veebilehel sellisena, nagu see on.


  Vaadake näitest üle, luues esmalt HTML-lehe:


    

  •   Lisage '   
       ” element, et määrata dokumendile teise taseme pealkiri.
    • 

  •   Seejärel lisage '   
       ” silt ja määrake soovitud vorminguga sisu:
    • 

  <   h2   >HTML pre Tag<  /   h2   > 
  <   eel   > 
  funktsioon toodeFunktsioon  (  p1, p2  )   { 
  tagasi p1 * p2; 
    }  
  <  /   eel   >
   Väljund  

 


  Kuidas lisada vahekaarti, kasutades CSS-i 'margin-left' atribuuti?


  Tabeldusruumi lisamiseks CSS-i abil   margin-vasak   ” vara, järgige ettenähtud protseduuri:


    

  •   Esmalt lisage dokumenti element div ja määrake sellele klass '   pilte   ”.
    • 

  •   Lisage selle div elemendi sisse veel kaks div elementi koos klassiga '   img-1   ” ja „   img-2   ” vastavalt.
    • 

  •   Kõik need kaks div elementi sisaldavad pilte, mis on määratud kasutades '       ” silti.
    • 

  •   Need '       ' sildid on seotud '   src   ” ja „   laius   ” atribuudid. Atribuut 'src' määrab pildi URL-i ja atribuut 'width' reguleerib pildi laiust.
    • 



  Siin on ülalpool käsitletud stsenaariumi HTML-kood:
  <   div    klass  =  'pildid'  > 
  <   div    klass  =  'img-1'  > 
  <   img    src  =  '/spring-images/marguerite-flower.jpg'   laius  =  '250'  > 
  <  /   div   > 
  <   div    klass  =  'img-2'  > 
  <   img    src  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   laius  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  HTML-leht näeb välja selline: 

 


  Liigume CSS-i jaotise poole, et lisada lahtrisse mitu tühikut   img-2   ” klassi ilma mitut mittemurdvat tühikut kasutamata.


   Stiili 'pildid' jaotus 
  .pildid  { 
    laius  : 500 pikslit; 
  veeris: auto; 

  }

  '   .pildid   ' kasutatakse juurdepääsuks HTML-diivile, mis sisaldab '   pilte   ” klass. Ülaltoodud omaduste selgitus on järgmine:


    

  •   “   laius   ” atribuut määrab elemendi laiuse.
    • 

  •   “   marginaal   ” atribuut määrab ruumi elemendi külgede ümber.
    • 



   Stiil “img-2” jaotus  
  Juurdepääs div elemendile, kasutades nuppu '   .img-2   ”:
  .img-  2   { 
  veeris vasak: 30 pikslit; 

  }

  '   margin-vasak   ' kinnisvara koos '   30 pikslit   ' väärtus rakendatakse HTML-i div elemendile, millel on klass '   img-2   ”. See atribuut lisab elemendist vasakule 30 pikslit.


  Siin näitab tulemus, et teise kujutise alguses on tühik:


 


  Oleme mitme mittemurdva tühiku kasutamise asemel tabeldusruumide lisamise üksikasjalikumalt töötanud.       ”.


  Järeldus


  HTML-is on '       ” olemi koodi kasutatakse tavaliselt dokumendis katkematu tühiku lisamiseks. Selle olemi koodi mitmekordse kasutamise vältimiseks on dokumendis tabeldusruumi lisamiseks ka teisi viise. Need meetodid hõlmavad HTML-i kasutamist '   
   ”, „      'elemendid, '   margin-vasak   ” vara ja palju muud. Selles ajaveebis on mainitud mitmeid viise, mis aitavad HTML-dokumendis mitme „ ” lisamise asemel tabeldusruume lisada. olemi koodid.

							
							

							
							

							

							

							  

								 muud

Kategooria

Lemmik Postitused

Millised on Amazon ECS-i koormuse tasakaalustajate tüübid?

ESP32 staatilise IP-aadressi seadistamine

Wordi kunsti loomine MS Wordis

Discordi e-posti muutmine

Kuidas loendit C#-s deklareerida ja initsialiseerida

Git päritolu meister

Täiendage Diamond Armor Netherite Armoriks

Kuidas märgistada Gitis vanemat kohustust?

Kuidas Minecraftis nisufarmi teha

Kuidas luua LaTeXis nummerdatud loendit

Halli efekti andur ja kuidas see töötab magnetiga

Kuidas Windowsis ja Macis RAR-faile tasuta ekstraheerida?

Nslookupi kasutamine Debian Linuxis

Kuidas lahendada Windows 10 Wi-Fi probleem 'Ei saa selle võrguga ühendust luua'.

Käsu Exec kasutamine Shelli skriptides

Redis EXPIRE hash Key

Kuidas installida ja kasutada Netstat Rocky Linux 9-s

Kuidas kustutada Git-märgendit AWS CodeCommitis?

Kuidas teada saada, milline Oracle'i kliendi versioon on installitud?

Oracle'i andmebaasiühendus Pythonis