Rozdiel medzi blokovými a vloženými prvkami

Obsah:

Rozdiel medzi blokovými a vloženými prvkami
Rozdiel medzi blokovými a vloženými prvkami

Video: Rozdiel medzi blokovými a vloženými prvkami

Video: Rozdiel medzi blokovými a vloženými prvkami
Video: Software Engineering vs Embedded Software Engineering 2024, Júl
Anonim

Kľúčový rozdiel – blokové a vložené prvky

HTML je skratka pre Hyper Text Markup Language. Používa sa na vytváranie webových stránok. Každá webová stránka je prepojená s inými webovými stránkami pomocou hypertextových odkazov. Tento jazyk pozostáva zo značiek. Značka je uzavretá v uhlových zátvorkách. Syntax je podobná ako. Väčšina značiek má aj uzatváraciu značku. Keď je značka, záverečná značka je. Niektoré značky nemajú uzatváraciu značku. Príklady takejto značky sú

a

Rozdiel medzi blokovými a vloženými prvkami
Rozdiel medzi blokovými a vloženými prvkami

Sú známe ako void tagy. Element HTML je komponent HTML dokumentu alebo webovej stránky po tom, čo bol analyzovaný do Document Object Model (DOM). DOM je interná reprezentácia vo webovom prehliadači. Predstavuje každý dokument v stromovej štruktúre. V prehliadači môžu byť zobrazené prvky buď blokový prvok alebo vložený prvok. Blokové prvky majú obdĺžnikovú štruktúru. Inline prvky môžu byť vložené do blokových prvkov. Kľúčový rozdiel medzi blokom a vloženým prvkom je v tom, že prvky bloku zaberajú celú dostupnú šírku, zatiaľ čo vložené prvky zaberajú požadovanú šírku na zobrazenie obsahu prvkov.

Čo sú prvky bloku?

Prvky bloku zaberajú celú šírku, ktorá je k dispozícii. Tieto prvky vždy začínajú novým riadkom. Niektoré príklady prvkov bloku sú nasledovné.

sa používa na definovanie odseku. napr.

Toto je odsek

. Existuje šesť značiek na definovanie hlavičiek. Sú

,

,

. Programátor môže podľa toho použiť hlavičku.

Objednaný zoznam je definovaný

zatiaľ čo neusporiadaný zoznam je definovaný

. Používa sa na zobrazenie vodorovnej čiary cez webovú stránku.

sa používa na usporiadanie údajov vo formáte tabuľky. Pre každú webovú stránku je potrebné zbierať údaje od návštevníkov stránky. HTML formuláre sa používajú na získanie údajov od používateľa. Je to tiež prvok na úrovni bloku. Toto je niekoľko príkladov blokových prvkov v HTML.

Čo sú vložené prvky?

Vložené prvky majú iba požadovanú šírku. Tieto prvky nezačínajú novým riadkom. Niektoré príklady vložených prvkov sú nasledovné. sa používa na vytváranie odkazov z jednej stránky na druhú. Hypertextové odkazy sú jedným zo základných prvkov HTML. Môže obsahovať atribút href na vytvorenie odkazu na cieľ. napr. Navštívte Google. Cieľový atribút je prázdny. Preto sa nový dokument otvorí v novom okne. Ak je cieľový atribút „_self“, prepojený dokument sa otvorí v tom istom okne.

Obrázok 01: Príklady blokových a vložených prvkov

sa používa na zvýraznenie časti textu tučným písmom. Značka má tvoriť text kurzívou. Webová stránka by mala byť prezentovateľná. Preto každá webová stránka pozostáva z viacerých obrázkov.

sa používa na zobrazenie obrázka na stránke. Táto značka vyžaduje dva atribúty. Sú to src a alt. „src“popisuje umiestnenie obrázka a „ alt“opisuje, o čom je obrázok. napr.. Toto je niekoľko príkladov vložených prvkov.

Aká je podobnosť medzi blokovými a vloženými prvkami?

Blokované a vložené prvky sa v HTML používajú ako kontajnery

Aký je rozdiel medzi blokovými a vloženými prvkami?

Blokovať vs vnorené prvky

Prvky bloku sú prvky, ktoré budú pokrývať celú šírku nadradeného prvku a neumožnia žiadnemu inému prvku zaberať rovnaký horizontálny priestor, na ktorom je umiestnený. Vložené prvky sú prvky, ktoré nemožno umiestniť priamo do prvku tela a ktoré sú vnorené do prvkov bloku.
Nový riadok
Prvky bloku začínajú novým riadkom. Vložené prvky nezačínajú novým riadkom.
Požadovaný priestor
Prvky bloku zaberajú celú šírku. Vložené prvky budú mať iba požadovanú šírku.

Súhrn – blokové vs. vložené prvky

HTML je skratka pre Hyper Text Markup language. Je to jazyk pozostávajúci zo značiek. Každá značka má špecifickú úlohu a definuje, ako má webovú stránku štruktúrovať. Niektoré značky majú počiatočnú značku a koncovú značku. Niektoré štítky nemajú koncový štítok. Nazývajú sa void tagy. Parsovanie je proces syntaxovej analýzy. Po kroku analýzy sa tieto značky stanú prvkami. Prvky môžu byť prvky na úrovni bloku alebo vložené prvky. Rozdiel medzi blokovými a vnorenými prvkami je v tom, že prvky bloku zaberajú celú dostupnú šírku, zatiaľ čo vložené prvky zaberajú požadovanú šírku na zobrazenie obsahu prvkov.

Stiahnite si PDF verziu Block vs Inline Elements

Verziu tohto článku si môžete stiahnuť vo formáte PDF a použiť ju na offline účely podľa citácie. Stiahnite si verziu PDF tu: Rozdiel medzi blokovými a vloženými prvkami

Odporúča: