HTML je jazyk používaný k vytváření webových stránek pomocí různých bloků. Tyto prvky jsou ve formě stylů rozděleny do dvou různých typů jako prvky úrovně HTML bloků a vložené prvky. Všechny tyto druhy prvků jsou uzavřeny do značky bloků HTML. Prvky na úrovni bloku jsou strukturovány tak, aby navrhovaly hlavní rozvržení vaší webové stránky.
Pokud mluvíme o zobrazení struktury, vytvoří větší zobrazení struktury než zobrazení vložených prvků. Každý element na úrovni bloku začíná novou linií zabírající celou šířku obrazovky. Musí být zapsány v otevírací a zavírací značce.
Seskupení prvků je důležitou metodou rozdělení rozložení ve formě sekcí nebo podsekcí. Je možné vložit libovolné blokové elementy do jiného blokového elementu a také jsme schopni vložit vložené elementy do elementů HTML Blocks, ale není možné vložit elementy na úrovni bloků do vložených elementů, nikoliv do tagu elementu.
Podívejme se na syntaxi různých prvků HTML na úrovni bloku:
1. prvek div: Funguje jako blokový prvek, který zabírá celou šířku obrazovky a vždy začíná na novém řádku.
( ……Lines of code……)
2. tabulka: tabulka se používá k zobrazení dat v tabulkovém formátu včetně záhlaví tabulky, těla tabulky, která má řádek tabulky a sloupec tabulky.
3. Prvky výpisu: Order Order & Unordered List.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Vložení elementů formuláře : Vložení elementů formuláře pro vytvoření HTML formuláře následovně.
Prvky bloků HTML
Jako prvky HTML na úrovni bloku se používají různé prvky:
: Tag se používá k určení kontaktních informací autora do článku HTML.
: Článek se používá k určení obsahu, který je samostatný.
: Toto je druh prvků, které jsou umístěny stranou od hlavního obsahu, obvykle jsou považovány za postranní panel.
: Kdykoli bereme obsah z jiného zdroje, používá se blockquote.
: Canvas je prvek, který se používá ve webových dokumentech pro poskytnutí grafického prostoru.
: Je to nejdůležitější prvek v celém vývoji webu, který se používá k rozdělení dokumentů HTML na oddíly nebo divize.
: Bez ohledu na skupinu související štítky nebo prvky, které se používají ve webových formulářích, které jsou spojeny dohromady do pole.
: Formáty HTML jsou definovány pomocí tohoto prvku na úrovni bloku. Nejčastěji se používá v procesu vývoje webu.
: Používá se k označení části zápatí webové stránky.
-
: Toto jsou nadpisy používané v jazyce HTML definujícím úrovně 1 až 6.
: Tento prvek se používá k označení části záhlaví webové stránky.
: Toto je nejnovější prvek zavedený v HTML 5, který se používá k označení části stránky včetně navigačních odkazů do ní.
: Prvek sekce slouží k reprezentaci generického řezu jeho dokumentu.
: Kdykoli chceme ukázat data do tabulkového formátu, pak je tabulka perfektním řešením. Vytvoří tabulku pro váš dokument HTML.
: Pokud chcete do svého HTML dokumentu zahrnout video obsah, je to také možné pomocí jednoduchých video prvků v kódu.
: Pokud chce uživatel zobrazit seznam položek, je možné použít
živel.
: Ukáže seznam uspořádaným způsobem.
: Seznam zobrazí neuspořádaným způsobem.
: tento prvek slouží k popisu různých termínů ve formátu seznamu popisů.
Příklady bloků HTML
Zde je několik příkladů bloků HTML, které jsou uvedeny níže:
Příklad č. 1
V níže uvedeném příkladu použijeme některé základní prvky bloku HTML, jako div, p, nadpisy, prvek seznamů s uspořádaným a neuspořádaným seznamem atd.
Kód:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Toto je příklad prvků HTML bloků zobrazujících více bloků v něm uzavřené prvky úrovně. Zde můžeme použít také vložené prvky
Příklad zahrnuje div, p, prvky nadpisů, prvky seznamu
Tento příklad ukazuje různé druhy blokových prvků HTML, jako je div, p , čísla mezi h1 až h6
Příklad seznamů
Seznam neuspořádaných HTML zobrazující země
Bombaj
Pune
Nagpur
Seznam objednávek HTML zobrazující země
Bombaj
Pune
Nagpur
Výstup:
Příklad č. 2
Zde uvidíme další příklad, ve kterém vytváříme tabulku.
Nyní pomocí prvků HTML bloků vytvoříme HTML podobu takto:
Kód:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Výstup:
Příklad č. 4
Zde se snažíme adresovat prvek v HTML blocích.
Kód:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Výstup:
Závěr
Ze všech výše uvedených informací došlo k závěru, že prvek HTML blokuje prvek úrovně obsažený v těle dokumentu HTML. Vytvoří některé velké bloky HTML oddílů, jako jsou odstavce nebo stránky s dělením. Jeden může zahrnovat další prvek na úrovni bloku do prvků na úrovni bloku. Je také možné zahrnout vložené prvky do prvku na úrovni bloku, ale zahrnutí prvků na úrovni bloku do vložených prvků není možné.
Doporučené články
Toto je průvodce HTML bloky. Zde diskutujeme prvky HTML bloků spolu s příklady a implementací kódu. Další informace naleznete také v následujících článcích -
