Rozdíl mezi blokovými a vkládanými prvky

Obsah:

Rozdíl mezi blokovými a vkládanými prvky
Rozdíl mezi blokovými a vkládanými prvky

Video: Rozdíl mezi blokovými a vkládanými prvky

Video: Rozdíl mezi blokovými a vkládanými prvky
Video: HTML Block vs Inline Elements 2024, Červenec
Anonim

Klíčový rozdíl – blokové a vložené prvky

HTML je zkratka pro 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 závorkách. Syntaxe je podobná. Většina značek má také uzavírací značku. Když je značka, koncová značka je. Některé tagy nemají uzavírací tag. Příklady takové značky jsou

a

Rozdíl mezi blokovými a vkládanými prvky
Rozdíl mezi blokovými a vkládanými prvky

Jsou známé jako void tagy. Element HTML je komponenta dokumentu HTML nebo webové stránky poté, co byla analyzována 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í obdélníkovou strukturu. Vložené prvky lze vložit do prvků bloku. Klíčový rozdíl mezi blokem a vloženým prvkem je v tom, že prvky bloku zabírají celou dostupnou šířku, zatímco vložené prvky zabírají požadovanou šířku pro zobrazení obsahu prvků.

Co jsou prvky bloku?

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

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

Toto je odstavec

. Existuje šest značek pro definování záhlaví. Jsou

,

,

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

Objednaný seznam je definován

zatímco neuspořádaný seznam je definován

. Slouží k zobrazení vodorovné čáry přes webovou stránku.

se používá k uspořádání dat ve formátu tabulky. Pro každou webovou stránku 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. To 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ý. Proto se nový dokument otevře v novém okně. Pokud je cílový atribut „_self“, pak se propojený dokument otevře ve stejném okně.

Obrázek 01: Příklady blokových a vkládaných prvků

se používá pro tučné písmo v části textu. Značka má tvořit text kurzívou. Webová stránka by měla být prezentovatelná. Každá webová stránka se tedy 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 to src a alt. „src“popisuje umístění obrázku a „ alt“popisuje, o čem obrázek je. např.. Toto jsou některé příklady vložených prvků.

Jaká je podobnost mezi blokovými a vkládanými prvky?

Blokované a vložené prvky se v HTML používají jako kontejnery

Jaký je rozdíl mezi blokovými a vkládanými prvky?

Blokovat vs vložené prvky

Prvky bloku jsou prvky, které zaberou celou šířku nadřazeného prvku a nedovolí žádnému jinému prvku zabírat stejný horizontální prostor, na kterém je umístěn. Vložené prvky jsou prvky, které nelze umístit přímo do prvku těla a které jsou vnořeny do prvků bloku.
Nová řada
Prvky bloku začínají novým řádkem. Vložené prvky nezačínají novým řádkem.
Požadované místo
Prvky bloku zabírají celou šířku. Vložené prvky budou mít pouze požadovanou šířku.

Shrnutí – blokové vs. vložené prvky

HTML je zkratka pro jazyk Hyper Text Markup. Je to jazyk skládající se ze značek. Každý tag má specifický úkol a definuje, jak má webovou stránku strukturovat. Některé tagy mají počáteční tag a koncový tag. Některé tagy nemají koncový tag. Říká se jim void tagy. Parsování je proces syntaktické analýzy. 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 vloženými prvky je v tom, že prvky bloku zabírají celou dostupnou šířku, zatímco vložené prvky zabírají požadovanou šířku pro zobrazení obsahu prvků.

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

Verzi tohoto článku si můžete stáhnout ve formátu PDF a použít ji pro offline účely podle citace. Stáhněte si prosím verzi PDF zde: Rozdíl mezi blokovými a vloženými prvky

Doporučuje: