Místo na tabulátoru místo více mezer bez přerušení („ “)?

Misto Na Tabulatoru Misto Vice Mezer Bez Preruseni Nbsp



Při vývoji webu se mezery přidávají do dokumentů HTML pomocí „   ” kód entity, který je také označován jako nepřerušitelná mezera. V některých případech je vyžadováno přidání více pevných mezer v dokumentu, jako je tabulátor. Proto několik „ “ kódy entit mohou ovlivnit sekvenci kódů a úhlednost dokumentu.

Chcete-li tyto problémy vyřešit, existuje několik dalších způsobů, jak zahrnout do dokumentu HTML více pevných mezer, například „ “, “ prvky, CSS “ okraj-levý “, “ polstrování-vlevo vlastnosti a mnoho dalších.

Toto studium vás naučí:







Nejprve si projdeme příklad, který implementuje „   ” pro přidání mezer do HTML dokumentu. Poté postupně procházejte obrázky a demonstrujte různé způsoby přidání místa na tabulátory.



Jak přidat mezery pomocí „ “ kód entity v HTML?

Chcete-li přidat mezery pomocí „   ” na stránce HTML postupujte podle uvedených kroků:



  • Přidejte prvek div a přiřaďte mu třídu “ článek “.
  • Poté vložte „

    ” prvek pro nadpis.

  • Poté přidejte „

    ” pro přidání odstavce. Na začátku odstavce jsou mezery doplněny uvedením kódu entity „   “:

< div třída = 'článek' >
< h2 > Vědění je moc < / h2 >
< p >     Vědění je síla znamená, že vzdělaný člověk má úplnou kontrolu nad svým životem prostřednictvím síly vědění. < / p >
< / div >

Je vidět, že na začátku odstavce byly úspěšně přidány mezery:





Jak přidat tabulátor pomocí prvku HTML „“?

HTML' ” je vložený prvek, který se používá k označení části dokumentu. V probíhajícím příkladu jsme přidali prvek s „ tab “ID. Tento prvek je stylizován v CSS tak, aby vytvořil prostor:



< div třída = 'článek' >
< h2 >Vědění je síla< / h2 >
< p > < rozpětí id = 'záložka' < / rozpětí > Vědění je síla znamená, že vzdělaný člověk má úplnou kontrolu nad svým životem prostřednictvím znalostí síla.


Styl „článek“ div

.článek {
okraj: auto;
šířka : 400px;
odsazení: 10px;
}

' .článek “ se používá pro přístup k „

” tagy, které se poté použijí s následujícími vlastnostmi:

  • šířka Vlastnost ” určuje šířku prvku.
  • okraj Vlastnost ” určuje výšku prvku.
  • vycpávka ” vytváří prostor kolem obsahu prvku.

ID „karty“ stylu

#tab {
padding-left: 8px;
}

' #tab “ přístup k “ tab ” id prvku a použijte „ polstrování-vlevo „nemovitost na něm.

Výstup

Jak přidat tabulátor pomocí prvku HTML „
“?

' ” prvek definuje předformátovaný text. Text v prvku

 se na webové stránce zobrazí tak, jak je.

Podívejte se na příklad tak, že nejprve vytvoříte stránku HTML:

  • Přidat '

    ” pro nastavení záhlaví druhé úrovně dokumentu.

  • Poté přidejte „ ” a zadejte obsah s požadovaným formátováním:
< h2 >HTML před tagem< / h2 >
< před >
funkce produktFunkce ( p1, p2 ) {
návrat p1 * p2;
}
< / před >

Výstup

Jak přidat místo na tabulátoru pomocí vlastnosti CSS „levý okraj“?

Chcete-li přidat prostor tabulátoru pomocí CSS “ okraj-levý “, postupujte podle uvedeného postupu:

  • Nejprve do dokumentu zahrňte prvek div a přiřaďte mu třídu “ snímky “.
  • Do tohoto prvku div přidejte další dva prvky div spolu s třídou “ img-1 ' a ' img-2 “.
  • Každý z těchto dvou prvků div obsahuje obrázky, které jsou specifikovány pomocí „ ” tag.
  • Tyto ' ” tagy jsou spojeny s “ src ' a ' šířka ' atributy. Atribut „src“ určuje adresu URL obrázku a atribut „width“ upravuje šířku obrázku.

Zde je HTML kód výše diskutovaného scénáře:

< div třída = 'snímky' >
< div třída = 'img-1' >
< img src = '/jarni-obrázky/marguerite-flower.jpg' šířka = '250' >
< / div >
< div třída = 'img-2' >
< img src = '/spring-images/flower-ga8f105f1d_1920.jpg' šířka = '250' >
< / div >
< / div >

HTML stránka bude vypadat takto:

Přejdeme k sekci CSS a přidáme více mezer do „ img-2 ” bez použití více pevných mezer.

Styl „obrázky“ div

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

' .snímky “ se používá pro přístup k HTML div, který obsahuje „ snímky “třída. Vysvětlení výše uvedených vlastností je následující:

  • šířka Vlastnost ” určuje šířku prvku.
  • okraj Vlastnost ” určuje prostor kolem stran prvku.

Styl „img-2“ div
Přístup k prvku div pomocí „ .img-2 “:

.img- 2 {
margin-left: 30px;
}

' okraj-levý „nemovitost s „ 30 pixelů ” hodnota se použije na element div HTML s třídou “ img-2 “. Tato vlastnost přidá 30px prostor nalevo od prvku.

Zde výsledek ukazuje, že druhý obrázek je použit s určitou mezerou na začátku:

Vypracovali jsme přidávání mezer tabulátoru namísto použití více pevných mezer “   “.

Závěr

V HTML, „   ” kód entity se běžně používá k přidání nezalomitelného prostoru v dokumentu. Chcete-li se vyhnout opakovanému použití tohoto kódu entity, existují další způsoby, jak do dokumentu přidat tabulátor. Tyto metody zahrnují použití HTML “ “, “ ' Prvky, ' okraj-levý ” nemovitosti a mnoho dalších. Tento blog zmínil několik způsobů, které pomáhají přidávat mezery tabulátoru do dokumentu HTML namísto přidávání více „ “ kódy entit.