Tabulēšanas atstarpe, nevis vairākas nedalāmas atstarpes (“ ”)?

Tabulesanas Atstarpe Nevis Vairakas Nedalamas Atstarpes Nbsp



Tīmekļa izstrādē atstarpes tiek pievienotas HTML dokumentos, izmantojot “   ” entītijas kods, kas tiek saukts arī par nelaužamo atstarpi. Dažos gadījumos dokumentā ir jāpievieno vairākas nedalāmas atstarpes, piemēram, tabulēšanas atstarpes. Tāpēc vairāki “ ” entītijas kodi var ietekmēt dokumenta kodu secību un kārtīgumu.

Lai risinātu šīs problēmas, ir vairāki citi veidi, kā HTML dokumentā iekļaut vairākas nedalāmas atstarpes, piemēram, “ ”, “ ' elementi, CSS ' piemale-kreisais ”, “ polsterējums-pa kreisi ” īpašumiem un daudz ko citu.

Šis pētījums jums iemācīs:





Pirmkārt, mēs apskatīsim piemēru, kas īsteno '   ”, lai HTML dokumentā pievienotu atstarpes. Pēc tam pakāpeniski apskatiet ilustrācijas, lai parādītu dažādas metodes, kā pievienot tabulēšanas vietu.



Kā pievienot atstarpes, izmantojot “ ” entītijas kods HTML?

Lai pievienotu atstarpes, izmantojot “   HTML lapā, veiciet norādītās darbības:



  • Pievienojiet div elementu un piešķiriet tam klasi ' rakstu ”.
  • Pēc tam ievietojiet '

    ” elements virsrakstam.

  • Pēc tam pievienojiet '

    ”, lai pievienotu rindkopu. Rindkopas sākumā atstarpes pievieno, norādot entītijas kodu “   ”:

< div klasē = 'raksts' >
< h2 > Zināšanas ir spēks < / h2 >
< lpp >     Zināšanas ir spēks nozīmē, ka izglītots cilvēks pilnībā kontrolē savu dzīvi, izmantojot zināšanu spēku. < / lpp >
< / div >

Redzams, ka atstarpes ir veiksmīgi pievienotas rindkopas sākumā:



Kā pievienot cilnes vietu, izmantojot HTML elementu “”?

HTML ' ” ir iekļauts elements, ko izmanto, lai atzīmētu dokumenta daļu. Pašreizējā piemērā esam pievienojuši elementu ar ' cilne ”id. Šis elements ir veidots CSS, lai radītu vietu:



< div klasē = 'raksts' >
< h2 >Zināšanas ir spēks< / h2 >
< lpp > < span id = 'cilne' >< / span > Zināšanas ir spēks nozīmē, ka izglītots cilvēks ar zināšanu palīdzību pilnībā kontrolē savu dzīvi spēks.


Stils “raksts” div

.raksts {
piemale: auto;
platums : 400 pikseļi;
polsterējums: 10 pikseļi;
}

' .raksts ' tiek izmantots, lai piekļūtu '

” tagus, kas pēc tam tiek lietoti ar šādiem rekvizītiem:

  • ' platums ” īpašums nosaka elementa platumu.
  • ' starpība ” īpašums nosaka elementa augstumu.
  • ' polsterējums ” ģenerē vietu ap elementa saturu.

Stila “cilnes” id

#cilne {
polsterējums pa kreisi: 8 pikseļi;
}

' #cilne ' piekļūt ' cilne ” elementa  id un lietojiet “ polsterējums-pa kreisi ” īpašums uz tā.

Izvade

Kā pievienot cilnes vietu, izmantojot HTML elementu “
”?

' ” elements definē iepriekš formatētu tekstu. Teksts elementā 

 tiek parādīts tīmekļa lapā tāds, kāds tas ir.


  Pārskatiet piemēru, vispirms izveidojot HTML lapu:


    

  •   Pievienojiet '   
       ” elementu, lai iestatītu dokumentam otrā līmeņa virsrakstu.
    • 

  •   Pēc tam pievienojiet '       ” tagu un norādiet saturu ar vēlamo formatējumu:
    • 

  <   h2   >HTML pirms taga<  /   h2   > 
  <   iepriekš   > 
  funkcija produktsFunkcija  (  p1, p2  )   { 
  atgriešanās p1 * p2; 
    }  
  <  /   iepriekš   >
   Izvade  

 


  Kā pievienot tabulēšanas vietu, izmantojot CSS rekvizītu “margin-left”?


  Lai pievienotu tabulēšanas vietu, izmantojot CSS '   piemale-kreisais   ” īpašumu, ievērojiet norādīto kārtību:


    

  •   Vispirms iekļaujiet dokumentā div elementu un piešķiriet tam klasi '   attēlus   ”.
    • 

  •   Šajā div elementā pievienojiet vēl divus div elementus kopā ar klasi '   img-1   ' un '   img-2   ” attiecīgi.
    • 

  •   Katrs no šiem diviem div elementiem satur attēlus, kas norādīti, izmantojot '       ” tagu.
    • 

  •   Šīs '       ' atzīmes ir saistītas ar '   src   ' un '   platums   ” atribūti. Atribūts “src” norāda attēla URL, un atribūts “width” pielāgo attēla platumu.
    • 



  Šeit ir iepriekš apspriestā scenārija HTML kods:
  <   div    klasē  =  'attēli'  > 
  <   div    klasē  =  'img-1'  > 
  <   img    src  =  '/spring-images/marguerite-flower.jpg'   platums  =  '250'  > 
  <  /   div   > 
  <   div    klasē  =  'img-2'  > 
  <   img    src  =  '/spring-images/flower-ga8f105f1d_1920.jpg'   platums  =  '250'  > 
  <  /   div   > 
  <  /   div   >
  HTML lapa izskatīsies šādi: 

 


  Dosimies uz CSS sadaļu, lai pievienotu vairākas atstarpes   img-2   ” klasē, neizmantojot vairākas nepārkāpjošas atstarpes.


   Stilu “attēli” div 
  .attēli  { 
    platums  : 500 pikseļi; 
  piemale: auto; 

  }

  '   .attēli   ' tiek izmantots, lai piekļūtu HTML div, kas satur '   attēlus   ” klase. Iepriekš minēto īpašību skaidrojums ir šāds:


    

  •   '   platums   ” īpašums nosaka elementa platumu.
    • 

  •   '   starpība   Īpašums nosaka telpu ap elementa malām.
    • 



   Stils “img-2” div  
  Piekļūstiet div elementam, izmantojot '   .img-2   ”:
  .img-  2   { 
  piemale-kreisais: 30 pikseļi; 

  }

  '   piemale-kreisais   'īpašums ar '   30 pikseļi   ' vērtība tiek lietota HTML div elementam ar klasi '   img-2   ”. Šis rekvizīts papildinās 30 pikseļu atstarpi elementa kreisajā pusē.


  Šeit rezultāts parāda, ka otrais attēls tiek lietots ar atstarpi sākumā:


 


  Mēs esam izstrādājuši iespēju pievienot tabulēšanas atstarpes, nevis izmantot vairākas nedalāmas atstarpes.       ”.


  Secinājums


  HTML valodā “       ” entītijas kods parasti tiek izmantots, lai dokumentā pievienotu nepārkāpjošu atstarpi. Lai izvairītos no šī entītijas koda izmantošanas vairākas reizes, ir citi veidi, kā dokumentā pievienot tabulēšanas vietu. Šīs metodes ietver HTML izmantošanu '       ”, “      ' elementi, '   piemale-kreisais   ” īpašums un daudz ko citu. Šajā emuārā ir minēti vairāki veidi, kā HTML dokumentā var pievienot tabulēšanas atstarpes, nevis pievienot vairākus “ ” entītijas kodi.

							
							

							
							

							

							

							  

								 Cits

Kategorija

Populārākas Posts

Tabulas konkatenāts: datu apvienošanas apgūšana tabulā

Kas ir String.intern() Java?

Kā iegūt PPK failu no AWS EC2 instances

Kā instalēt peles paliktņa teksta redaktoru operētājsistēmā Linux Mint 21

Kā apgriezt stīgu Golangā

Kā palaist konteineru fonā, izmantojot komandu “docker run”.

Kā atrast visus failus ar faila nosaukumu, kas sākas ar noteiktu virkni - Bash

5 veidi, kā novērst zilā ekrāna kļūdu “Bad Pool Caller” sistēmā Windows

Kā pārvaldīt Elasticsearch AWS EC2?

Kā izveidot slepeno TLS pakalpojumā Kubernetes

Kas ir Android sistēmas WebView — kā to atspējot?

Kā lejupielādēt un palaist CCleaner Professional operētājsistēmā Windows?

Python vairāku apstrādes rinda

[Atrisināts] Kā labot BSOD kļūdu “Critical Service Failed” operētājsistēmā Windows 10?

Redis XTRIM

Kā notīrīt Git vietējo kešatmiņu

Kas ir $WinREAgent mape un vai es varu to izdzēst?

NumPy Docstring

Kā mainīt attēla krāsu CSS

Saistiet Asana ar Salesforce