Razlika između blok i inline elemenata

2024 Autor: Alex Aldridge | [email protected]. Zadnja izmjena: 2023-12-17 13:33

Ključna razlika – blok u odnosu na ugrađene elemente

HTML je skraćenica za Hyper Text Markup Language. Koristi se za kreiranje web stranica. Svaka web stranica je povezana s drugim web stranicama pomoću hiperveza. Ovaj jezik se sastoji od oznaka. Oznaka je zatvorena unutar ugaonih zagrada. Sintaksa je slična. Većina tagova ima i završnu oznaku. Kada je oznaka, završna oznaka je. Neke oznake nemaju završnu oznaku. Primjeri takve oznake su

i

Poznati su kao praznine oznake. HTML element je komponenta HTML dokumenta ili web stranice nakon što je raščlanjen u Document Object Model (DOM). DOM je interna reprezentacija unutar web pretraživača. Predstavlja svaki dokument u strukturi stabla. U pretraživaču, elementi koji se mogu prikazati mogu biti ili blok element ili inline element. Blok elementi imaju pravokutnu strukturu. Inline elementi se mogu ugraditi u blok elemente. Ključna razlika između bloka i inline elementa je u tome što blok elementi zauzimaju punu dostupnu širinu dok inline elementi zauzimaju potrebnu širinu za prikaz sadržaja elemenata.

Šta su blok elementi?

Blok elementi zauzimaju dostupnu punu širinu. Ti elementi uvijek počinju novom linijom. Neki primjeri blok elemenata su sljedeći.

se koristi za definiranje pasusa. npr.

Ovo je paragraf

. Postoji šest oznaka za definiranje zaglavlja. Oni su

,

,

…

. Programer može koristiti zaglavlje u skladu s tim.

Naručenu listu definiše

dok je neuređena lista definisana sa

. Koristi se za prikaz horizontalne linije preko web stranice.

koristi se za sređivanje podataka u formatu tabele. Za svaku web stranicu potrebno je prikupiti podatke od posjetitelja stranice. HTML obrasci se koriste za dobijanje podataka od korisnika. To je također element na nivou bloka. Ovo su neki primjeri blok elemenata u HTML-u.

Šta su ugrađeni elementi?

Inline elementi zauzimaju samo potrebnu širinu. Ti elementi ne počinju novim redom. Neki primjeri inline elemenata su sljedeći. koristi se za kreiranje linkova sa jedne stranice na drugu. Hiperveze su jedan od bitnih elemenata u HTML-u. Može sadržavati atribut href za kreiranje veze do odredišta. npr. Posjetite Google. Ciljni atribut je prazan. Stoga će se novi dokument otvoriti u novom prozoru. Ako je ciljni atribut “_self”, tada će se povezani dokument otvoriti u istom prozoru.

Slika 01: Primjeri blokova i inline elemenata

se koristi za podebljavanje dijela teksta. Oznaka je da tekst bude kurziv. Web stranica treba da bude prezentabilna. Stoga se svaka web stranica sastoji od više slika.

koristi se za prikaz slike na stranici. Ova oznaka zahtijeva dva atributa. Oni su src i alt. 'src' opisuje lokaciju slike, a ' alt' opisuje o čemu je slika. npr.. Ovo su neki primjeri inline elemenata.

Koja je sličnost između blok i inline elemenata?

Blok i inline elementi se koriste kao kontejneri u HTML-u

Koja je razlika između blok i inline elemenata?

Block vs Inline Elements
Blok elementi su elementi koji će se prostirati cijelom širinom roditeljskog elementa i neće dozvoliti da bilo koji drugi element zauzme isti horizontalni prostor na kojem je postavljen.	Umetnuti elementi su elementi koji se ne mogu postaviti direktno unutar elementa tijela i koji su ugniježđeni unutar blok elemenata.
Nova linija
Blok elementi počinju novom linijom.	Umetnuti elementi ne počinju s novim redom.
Potreban prostor
Elementi bloka zauzimaju svu širinu.	Umetnuti elementi će zauzeti samo potrebnu širinu.

Sažetak – Blok vs Inline elementi

HTML je skraćenica za Hyper Text Markup language. To je jezik koji se sastoji od oznaka. Svaka oznaka ima specifičan zadatak i definira kako strukturirati web stranicu. Neke oznake imaju početnu i završnu oznaku. Neke oznake nemaju završnu oznaku. Zovu se praznine oznake. Parsing je proces analize sintakse. Nakon koraka raščlanjivanja, ove oznake postaju elementi. Elementi mogu biti elementi na nivou bloka ili inline elementi. Razlika između blok i inline elemenata je u tome što blok elementi zauzimaju punu dostupnu širinu dok inline elementi zauzimaju potrebnu širinu za prikaz sadržaja elemenata.

Preuzmite PDF verziju Block vs Inline Elements

Možete preuzeti PDF verziju ovog članka i koristiti je za vanmrežne svrhe prema napomeni o citatu. Molimo preuzmite PDF verziju ovdje: Razlika između Block i Inline elemenata