Co znamená vnoření HTML?

Když se podíváte na HTML označení pro jakoukoli webovou stránku dnes uvidíte prvky HTML obsažené v jiných prvcích HTML. Tyto prvky, které jsou „uvnitř“ ostatních prvků, jsou známé jako vnořené prvkya jsou dnes nezbytné pro vytváření jakékoli webové stránky.

Co to znamená vnoření značek HTML?

Nejjednodušší způsob, jak pochopit vnoření, je myslet Značky HTML jako pole, která obsahují váš obsah. Váš obsah může zahrnovat text, obrázky a související média. Značky HTML jsou pole kolem obsahu. Někdy je třeba umístit boxy do jiných boxů. Tyto „vnitřní“ boxy jsou vnořené uvnitř ostatních.

Máte-li v odstavci blok textu, který má být tučně, budete mít dva Prvky HTML stejně jako samotný text.

Příklad: Toto je věta textu.

Tento text použijeme jako příklad. Takto by to bylo napsáno v HTML:

Příklad: Toto je věta textu.

Aby bylo slovo věta tučně, přidejte otevírací a zavírací značky před a za toto slovo.

Příklad: Toto je a věta textu.

Jak vidíte, máme jedno pole (odstavec), které obsahuje obsah věty, a druhé pole ( silný dvojice značek), která toto slovo vykreslí tučně.

Když značky vnoříte, zavřete je v opačném pořadí, v jakém jste je otevřeli. Otevřete

nejprve následuje , což znamená, že to obrátíte a zavřete a pak.

Další způsob, jak o tom přemýšlet, je znovu použít analogii krabic. Pokud umístíte krabici do jiné krabice, musíte zavřít vnitřní, než budete moci zavřít vnější nebo obsahující krabici.

Přidání dalších vnořených značek

Co když chcete mít jen jedno nebo dvě slova tučně a další sada kurzíva? Zde je návod, jak to udělat.

Příklad: Toto je a věta textu a také nějaké má kurzíva také.

Můžete vidět, že naše vnější krabice,

, nyní má uvnitř dvě vnořené značky - a . Obě musí být uzavřeny, než bude možné zavřít krabici obsahující krabici.

.main-content a {
 barva: # F00;
}