Tab-plass i stedet for flere ikke-brytende rom ?

I webutvikling blir plassene lagt til i HTML -dokumenter ved å bruke "”Enhetskode som også omtales som det ikke-brytende rommet. I noen tilfeller er det nødvendig. Derfor kan flere "" enhetskoder påvirke dokumentets kodesekvens og penthet.

For å takle disse problemene, er det flere andre måter å inkludere flere ikke-brytende rom i HTML-dokumentet, for eksempel "

”,“”Elementer, CSS”margin-venstre”,“Padding-venstre”Egenskaper, og mange flere. 
 
Denne studien vil lære deg:
 
 
Hvordan legge til mellomrom ved å bruke "" Entitetskoden?
 
Hvordan du legger til fanen plass ved å bruke html “” element?
 
Hvordan du legger til fanen ved å bruke html “
”Element?
 
Hvordan legge til fanen plass ved å bruke CSS “Margin-Left” -egenskap?
 
 
Først vil vi gå gjennom et eksempel som implementerer “”For å legge til mellomrom i HTML -dokumentet. Gå deretter gradvis gjennom illustrasjonene for å demonstrere forskjellige metoder for å legge til fanområde. 
 
Hvordan legge til mellomrom ved å bruke “” Entitetskode i HTML?
 
Å legge til mellomrom ved å bruke "”På HTML -siden, følg de medfølgende trinnene:
 
 
Legg til et DIV -element og tilordne det en klasse “artikkel”. 
 
Etter det, plasser en “
”Element for overskriften.
 
Deretter legger du til “
”Element for å legge til et avsnitt. I begynnelsen av avsnittet blir plassene lagt til ved å indikere enhetskoden "”:
 
 
Kunnskap er makt

     Kunnskap er makt betyr at en utdannet mann har full kontroll over livet gjennom kunnskapens styrke. 

 
Det kan sees at mellomrommene har blitt lagt til ved starten av avsnittet:
  
Hvordan du legger til fanen plass ved å bruke html “” element?
 
HTML “”Er et inline element som brukes til å markere en del av et dokument. I det pågående eksemplet har vi lagt til elementet med "Tab”Id. Dette elementet er stylet i CSS for å produsere plass:
 
Kunnskap er makt

  Kunnskap er makt betyr at en utdannet mann har full kontroll over livet gjennom kunnskapens styrke.

 
Stil “Artikkel” Div
 .artikkel 
Margin: Auto;
Bredde: 400px;
polstring: 10px;
 
“.artikkel”Brukes til å få tilgang til“”Tagger, som deretter brukes med følgende egenskaper:
 
 
“bredde”Eiendom bestemmer elementets bredde.
 
“margin”Eiendom bestemmer elementets høyde.
 
“polstring”Genererer plass rundt elementets innhold.
 
 
Stil “Tab” ID
 #tab 
Padding-venstre: 8px;
 
“#tab”Få tilgang til“Tab”Id av elementet og bruk“Padding-venstre”Eiendom på den.
 
Produksjon 
 
 
Hvordan du legger til fanen ved å bruke html “
”Element?
 
“
”Element definerer den forhåndsformaterte teksten. Teksten i 
 elementet vises på websiden som det er.
 
Oversikt eksemplet ved først å lage HTML -siden:
 
 
Legg til "
”Element for å sette en overskrift på nivå to til dokumentet.
 
Deretter legger du til “
”Tag, og spesifiser innhold med ønsket formatering:
 
 
HTML PRE -TAG


Funksjonsproduktfunksjon (P1, P2) 
Retur P1 * P2;

 
Produksjon
 
 
Hvordan legge til fanen plass ved å bruke CSS “Margin-Left” -egenskap?
 
For å legge til fanen plass ved å bruke CSS “margin-venstre”Eiendom, følg den oppgitte prosedyren:
 
 
Inkluder først et divelement i dokumentet og tilordne det en klasse “Bilder”. 
 
Inne i dette divelementet, legg til ytterligere to divelementer sammen med klasse "IMG-1”Og“IMG-2Henholdsvis.
 
Hvert av disse to divelementene inneholder bilder som er spesifisert ved hjelp av "" stikkord. 
 
Disse “”Tagger er assosiert med“src”Og“bredde" attributter. “SRC” -attributtet spesifiserer nettadressen til bildet, og “bredde” -attributtet justerer bildets bredde. 
 
 
Her er HTML-koden til det ovennevnte scenariet:
 






 
HTML -siden vil se slik ut:
 
 
La oss bevege oss mot CSS -delen for å legge til flere mellomrom til “IMG-2”Klasse uten å bruke flere ikke-brytende rom.
 
Stil “bilder” div
 .Bilder 
Bredde: 500px;
Margin: Auto;
 
“.Bilder”Brukes til å få tilgang til HTML DIV som inneholder“Bilder”Klasse. Forklaringen på de ovennevnte egenskapene er som følger:
 
 
“bredde”Eiendom bestemmer elementets bredde.
 
“margin”Eiendom bestemmer plassen rundt elementets sider.
 
 
Stil “img-2” div
Få tilgang til DIV -elementet ved å bruke “.IMG-2”:
 .IMG-2 
margin-venstre: 30px;
 
“margin-venstre”Eiendom med en“30px”Verdien brukes på HTML DIV -elementet som har klasse”IMG-2”. Denne egenskapen vil legge til 30px plass til venstre for elementet.
 
Her viser resultatet at det andre bildet blir brukt med litt plass i starten:
  
Vi har utdypet å legge til faner i stedet for å bruke flere ikke-brytende rom "”.
 
Konklusjon
 
I HTML, “”Enhetskode brukes ofte til å legge til ikke-brytende plass i dokumentet. For å unngå å bruke denne enhetskoden flere ganger, er det andre måter å legge til fanen i et dokument. Disse metodene inkluderer bruk av HTML “
”,“”Elementer,“margin-venstre”Eiendom, og mange flere. Denne bloggen har nevnt flere måter som hjelper til med å legge til faner i HTML -dokumentet i stedet for å legge til flere “” enhetskoder.