Miesto na tabulátore namiesto viacerých neprerušiteľných medzier („ “)?

Miesto Na Tabulatore Namiesto Viacerych Neprerusitelnych Medzier Nbsp



Pri vývoji webu sa medzery pridávajú do dokumentov HTML pomocou „   ” kód entity, ktorý sa tiež označuje ako pevný priestor. V niektorých prípadoch je potrebné pridať do dokumentu viacero nedeliteľných medzier, ako je tabulátor. Preto viaceré „ “ kódy entít môžu ovplyvniť postupnosť a úhľadnosť kódu dokumentu.

Na vyriešenie týchto problémov existuje niekoľko ďalších spôsobov, ako do dokumentu HTML zahrnúť viacero nedeliteľných medzier, ako napríklad „ “, “ ” prvky, CSS “ ľavý okraj “, “ polstrovanie-vľavo vlastnosti a mnohé ďalšie.

Toto štúdium vás naučí:







Najprv si prejdeme príklad, ktorý implementuje „   ” na pridanie medzier v dokumente HTML. Potom postupne prechádzajte ilustráciami, aby ste demonštrovali rôzne spôsoby pridania miesta na tabulátory.



Ako pridať medzery pomocou „ “ kód entity v HTML?

Ak chcete pridať medzery pomocou „   ” na stránke HTML postupujte podľa uvedených krokov:



  • Pridajte prvok div a priraďte mu triedu “ článok “.
  • Potom umiestnite „

    ” prvok pre nadpis.

  • Potom pridajte „

    ” na pridanie odseku. Na začiatok odseku sa pridávajú medzery uvedením kódu entity „   “:

< div trieda = 'článok' >
< h2 > Poznanie je moc < / h2 >
< p >     Poznanie je moc znamená, že vzdelaný človek má úplnú kontrolu nad svojím životom prostredníctvom sily vedomostí. < / p >
< / div >

Je vidieť, že na začiatku odseku boli úspešne pridané medzery:





Ako pridať tabulátor pomocou prvku HTML „“?

HTML ' “ je vložený prvok, ktorý sa používa na označenie časti dokumentu. V prebiehajúcom príklade sme pridali prvok s „ tab “ID. Tento prvok je navrhnutý v CSS tak, aby vytvoril priestor:



< div trieda = 'článok' >
< h2 >Vedomosti sú sila< / h2 >
< p > < rozpätie id = 'karta' < / rozpätie > Vedomosť je sila znamená, že vzdelaný človek má úplnú kontrolu nad svojím životom prostredníctvom vedomostí sila.


Štýl „článok“ div

.článok {
okraj: auto;
šírka : 400px;
výplň: 10px;
}

' .článok “ sa používa na prístup k „

“, ktorý sa potom použije s nasledujúcimi vlastnosťami:

  • šírka vlastnosť určuje šírku prvku.
  • marža vlastnosť určuje výšku prvku.
  • vypchávka ” vytvára priestor okolo obsahu prvku.

ID „karty“ štýlu

#tab {
padding-left: 8px;
}

' #tab “prístup k “ tab ” id prvku a použite znak “ polstrovanie-vľavo ” majetok na ňom.

Výkon

Ako pridať tabulátor pomocou prvku HTML „
“?

' ” prvok definuje vopred naformátovaný text. Text v prvku

 sa na webovej stránke zobrazí tak, ako je.

Pozrite si príklad tak, že najskôr vytvoríte stránku HTML:

  • Pridajte „

    ” na nastavenie nadpisu druhej úrovne dokumentu.

  • Potom pridajte „ ” a špecifikujte obsah s požadovaným formátovaním:
< h2 >HTML pred tagom< / h2 >
< pre >
funkcia produktFunkcia ( p1, p2 ) {
návrat p1 * p2;
}
< / pre >

Výkon

Ako pridať tabuľkový priestor pomocou vlastnosti CSS „ľavý okraj“?

Ak chcete pridať priestor pre karty pomocou CSS “ ľavý okraj “, postupujte podľa uvedeného postupu:

  • Najprv do dokumentu zahrňte prvok div a priraďte mu triedu “ snímky “.
  • Do tohto prvku div pridajte ďalšie dva prvky div spolu s triedou “ img-1 “ a „ img-2 “.
  • Každý z týchto dvoch prvkov div obsahuje obrázky, ktoré sú špecifikované pomocou „ ” tag.
  • Títo ' značky ” sú spojené s “ src “ a „ šírka “ atribúty. Atribút „src“ určuje adresu URL obrázka a atribút „width“ upravuje šírku obrázka.

Tu je HTML kód vyššie diskutovaného scenára:

< div trieda = 'snímky' >
< div trieda = 'img-1' >
< img src = '/jarne-obrázky/marguerite-flower.jpg' šírka = '250' >
< / div >
< div trieda = 'img-2' >
< img src = '/spring-images/flower-ga8f105f1d_1920.jpg' šírka = '250' >
< / div >
< / div >

HTML stránka bude vyzerať takto:

Presuňme sa k sekcii CSS a pridajte viac medzier do „ img-2 ” bez použitia viacerých pevných medzier.

Štýl „obrázky“ div

.snímky {
šírka : 500px;
okraj: auto;
}

' .snímky “ sa používa na prístup k HTML div, ktorý obsahuje „ snímky ' trieda. Vysvetlenie vyššie uvedených vlastností je nasledovné:

  • šírka vlastnosť určuje šírku prvku.
  • marža vlastnosť určuje priestor okolo strán prvku.

Štýl „img-2“ div
Prístup k prvku div získate pomocou „ .img-2 “:

.img- 2 {
ľavý okraj: 30px;
}

' ľavý okraj “nehnuteľnosť s “ 30 pixelov ” hodnota sa použije na prvok div HTML s triedou “ img-2 “. Táto vlastnosť pridá 30 pixelov priestoru naľavo od prvku.

Tu výsledok ukazuje, že druhý obrázok sa použije s určitým priestorom na začiatku:

Vypracovali sme pridávanie medzier tabulátorov namiesto použitia viacerých pevných medzier “   “.

Záver

V HTML je „   ” kód entity sa bežne používa na pridanie nedeliteľného priestoru v dokumente. Aby ste sa vyhli viacnásobnému použitiu tohto kódu entity, existujú aj iné spôsoby, ako pridať tabulátor do dokumentu. Tieto metódy zahŕňajú použitie HTML “ “, “ 'prvky', ' ľavý okraj “nehnuteľnosti a mnohé ďalšie. Tento blog uvádza niekoľko spôsobov, ktoré pomáhajú pridávať medzery tabulátorom do dokumentu HTML namiesto pridávania viacerých „ “ kódy subjektov.