Rozdíl mezi blokovými a vloženými prvky

Key Difference - Block vs V souladu Prvky
 

HTML znamená Hyper Text Markup Language. Používá se k vytváření webových stránek. Každá webová stránka je propojena s jinými webovými stránkami pomocí hypertextových odkazů. Tento jazyk se skládá ze značek. Značka je uzavřena v úhlových složených závorkách. Syntaxe je podobná. Většina značek má také uzavírací značku. Když je značka, uzavírací značka je. Některé značky nemají uzavírací značku. Příklady takové značky jsou
a . Jsou známy jako neplatné značky. Prvek HTML je součástí dokumentu HTML nebo webové stránky poté, co byl analyzován do modelu DOM (Document Object Model). DOM je interní reprezentace ve webovém prohlížeči. Představuje každý dokument ve stromové struktuře. V prohlížeči mohou být zobrazitelné prvky buď blokový prvek nebo vložený prvek. Blokové prvky mají pravoúhlou strukturu. Vložené prvky mohou být zabudovány do blokových prvků. klíčový rozdíl mezi blokem a vloženým prvkem je to Blokové prvky zabírají celou dostupnou šířku, zatímco vložené prvky zaujímají požadovanou šířku, aby zobrazily obsah prvků.

OBSAH

1. Přehled a klíčový rozdíl
2. Co jsou blokové prvky
3. Co jsou vložené prvky
4. Podobnosti mezi blokovými a vloženými prvky
5. Porovnání vedle sebe - Blok vs Inline prvky v tabulkové formě
6. Shrnutí

Co jsou blokové prvky?

Blokové prvky mají dostupnou plnou šířku. Tyto prvky vždy začínají novým řádkem. Některé příklady blokových prvků jsou následující.

se používá k definování odstavce. např.

Toto je odstavec

. Záhlaví definuje šest značek. Oni jsou

,

,

. Programátor může použít záhlaví odpovídajícím způsobem.

Seznam je definován pomocí

    zatímco neuspořádaný seznam je definován pomocí
      .
      se používá k zobrazení vodorovné čáry přes webovou stránku. se používá k uspořádání dat ve formátu tabulky. Pro každý web je nutné shromažďovat data od návštěvníků webu. HTML formuláře se používají k získání dat od uživatele. Je to také prvek na úrovni bloku. Toto jsou některé příklady blokových prvků v HTML.

      Co jsou vložené prvky?

      Vložené prvky mají pouze požadovanou šířku. Tyto prvky nezačínají novým řádkem. Některé příklady vložených prvků jsou následující. se používá k vytváření odkazů z jedné stránky na druhou. Hypertextové odkazy jsou jedním ze základních prvků HTML. Může obsahovat atribut href pro vytvoření odkazu na cíl. např. Navštivte Google. Cílový atribut je prázdný. Nový dokument se proto otevře v novém okně. Pokud je cílovým atributem „_self“, otevře se propojený dokument ve stejném okně.

      Obrázek 01: Příklady blokových a vložených prvků

      se používá k zvýraznění části textu. tag je mae text kurzívou. Webová stránka by měla být prezentovatelná. Každá webová stránka se proto skládá z více obrázků. se používá k zobrazení obrázku na stránce. Tato značka vyžaduje dva atributy. Jsou src a alt. 'Src' popisuje umístění obrázku a 'alt' popisuje, o čem je obrázek. např. . Toto jsou některé příklady vložených prvků.

      Jaká je podobnost mezi blokovými a vloženými prvky?

      • Blokové a vložené prvky se používají jako kontejnery v HTML.

      Jaký je rozdíl mezi blokovými a vloženými prvky?

      Blok vs vložené prvky

      Blokové prvky jsou prvky, které překlenují celou šířku rodičovského prvku a neumožní žádnému jinému prvku zabírat stejný horizontální prostor, jako je umístěn na. Vložené prvky jsou prvky, které nelze umístit přímo uvnitř prvku těla a které jsou vnořeny do prvků bloku.
       Nový řádek
      Blokové prvky začínají novou linkou. Vložené prvky nezačínají novým řádkem.
      Požadovaný prostor
      Blokové prvky mají celou šířku. Vložené prvky budou mít pouze požadovanou šířku.

      souhrn - Block vs V souladu Prvky 

      HTML je zkratka pro jazyk Hyper Text Markup. Je to jazyk skládající se ze značek. Každá značka má specifický úkol a definuje, jak strukturu webové stránky. Některé značky mají počáteční a koncovou značku. Některé značky nemají koncovou značku. Říká se jim prázdné značky. Analýza je proces analýzy syntaxe. Po kroku analýzy se tyto značky stanou prvky. Prvky mohou být prvky na úrovni bloku nebo vložené prvky. Rozdíl mezi blokovými a inline prvky je v tom, že blokové elementy zabírají celou dostupnou šířku, zatímco inline elementy mají požadovanou šířku k zobrazení obsahu elementů.

      Stáhněte si PDF verzi Block vs Inline Elements

      Můžete si stáhnout PDF verzi tohoto článku a použít ji pro účely offline podle citace. Stáhněte si verzi PDF zde: Rozdíl mezi prvky Blok a Inline

      Odkaz:

      1.Ziroll, Bob. "HTML blok vs. vložený a důležité prvky." V School Web Development, V School Web Development, 31. března 2016. K dispozici zde 
      2. „Prvek HTML.“ Wikipedia, Wikimedia Foundation, 10. února 2018. K dispozici zde 
      3.HTML bloky a vložené prvky. K dispozici zde 
      4.Point, Návody. „Přehled HTML.“ Bod. Výukové programy Point, 8. ledna 2018. K dispozici zde