Razlika između blok i inline elemenata

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

Ključna razlika – blok naspram ugrađenih elemenata

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

i

Poznate su kao void oznake. HTML element je komponenta HTML dokumenta ili web stranice nakon što je raščlanjen u Document Object Model (DOM). DOM je interni prikaz unutar web preglednika. Predstavlja svaki dokument u strukturi stabla. U pregledniku, elementi koji se mogu prikazati mogu biti blok ili umetnuti element. Blokovni elementi imaju pravokutnu strukturu. Inline elementi mogu biti ugrađeni u blok elemente. Ključna razlika između bloka i umetnutog elementa je u tome što blok elementi zauzimaju punu dostupnu širinu, dok umetnuti elementi zauzimaju potrebnu širinu za prikaz sadržaja elemenata.

Što su elementi bloka?

Elementi bloka zauzimaju dostupnu punu širinu. Ti elementi uvijek počinju novim retkom. Neki primjeri blok elemenata su sljedeći.

koristi se za definiranje odlomka. npr.

Ovo je odlomak

. Postoji šest oznaka za definiranje zaglavlja. Oni su

,

,

…

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

Uređeni popis definira

dok je neuređeni popis definiran

. Koristi se za prikaz vodoravne crte preko web stranice.

koristi se za raspoređivanje podataka u obliku tablice. Za svaku web stranicu potrebno je prikupljati podatke od posjetitelja stranice. HTML obrasci se koriste za dobivanje podataka od korisnika. Također je element na razini bloka. Ovo su neki primjeri blok elemenata u HTML-u.

Što su ugrađeni elementi?

Inline elementi zauzimaju samo potrebnu širinu. Ti elementi ne počinju novim retkom. Neki primjeri inline elemenata su sljedeći. koristi se za stvaranje poveznica s jedne stranice na drugu. Hiperveze su jedan od bitnih elemenata u HTML-u. Može sadržavati atribut href za stvaranje 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 blok i inline elemenata

koristi se za podebljavanje dijela teksta. Oznaka služi za označavanje teksta kurzivom. Web stranica mora biti vidljiva. 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 se slika radi. npr.. Ovo su neki primjeri ugrađenih elemenata.

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

Blok i ugrađeni elementi koriste se kao spremnici u HTML-u

Koja je razlika između blokovskih i umetnutih elemenata?

Blok nasuprot umetnutim elementima
Elementi bloka su elementi koji će se prostirati cijelom širinom nadređenog elementa i neće dopustiti bilo kojem drugom elementu da zauzme isti vodoravni prostor na kojem je postavljen.	Umetnuti elementi su elementi koji se ne mogu postaviti izravno unutar elementa tijela i koji su ugniježđeni unutar blok elemenata.
Novi redak
Elementi bloka počinju novim retkom.	Umetnuti elementi ne počinju novim retkom.
Potreban prostor
Elementi bloka zauzimaju svu širinu.	Umetnuti elementi zauzet će samo potrebnu širinu.

Sažetak – blok naspram ugrađenih elemenata

HTML je kratica za Hyper Text Markup language. To je jezik koji se sastoji od oznaka. Svaki tag ima specifičnu zadaću i definira kako strukturirati web stranicu. Neke oznake imaju početnu oznaku i završnu oznaku. Neke oznake nemaju završnu oznaku. Nazivaju se praznim oznakama. Raščlanjivanje je proces analize sintakse. Nakon koraka raščlambe, te oznake postaju elementi. Elementi mogu biti elementi na razini bloka ili umetnuti 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 ga za izvanmrežne svrhe prema napomeni o citatu. Ovdje preuzmite PDF verziju: Razlika između blokovskih i inline elemenata