Što je HTML blok?

Blok HyperText Markup Language (HTML), u širem smislu, segment je HTML koda koji se odnosi na definirano područje gotovog dokumenta kada ga prikazuje program kao što je web preglednik. Važnost HTML bloka se vidi kada se elementima dodijele različiti atributi, jer se mnogi stilovi i druge definicije mogu dodijeliti samo elementima na razini bloka. Suprotnost HTML bloku je inline kod, koji uvijek mora biti ugniježđen unutar bloka da bi funkcionirao.

Jedan primjer definicije HTML bloka je odlomak teksta na web stranici. Kada se stranica pregledava unutar web-preglednika, odlomak se pojavljuje s praznom linijom između njega i prethodnog odlomka te s praznim redom nakon odlomka i sljedećeg elementa prikaza. Unutar HTML koda stranice, odlomak je okružen HTML oznakama koje ga definiraju kao blok odlomka. Ove oznake koje okružuju odlomak uspostavljaju sve između sebe kao HTML blok.

HTML blok može biti ugniježđen unutar drugog bloka. Zapravo, gotovo sve oznake su stvarno ugniježđene unutar oznaka tijela koje su potrebne za HTML dokument. Suprotno tome, inline segment treba biti ugniježđen unutar bloka jer zahtijeva elemente koje oni sadrže ako želi raditi. Primjer umetnute oznake je dio teksta koji treba biti prikazan podebljanim slovima.

Razlika između HTML elementa na razini bloka i umetnutog elementa jedan je od ključnih dijelova razumijevanja potrebnih za rad s HTML-om i kaskadnim stilskim listovima (CSS). To je prvenstveno zato što postoje određeni standardni atributi stila i drugi parametri koji su opisani kao primjenjivi samo na elemente na razini bloka ili samo na elemente na inline razini. Općenito, inline elementi ne sadrže iste promjenjive atribute kao elementi na razini bloka.

Primjer razlike između HTML atributa na razini bloka i atributa na inline razini je opcija poravnanja. Na razini bloka, kao što je oznaka za podjelu ili početak popisa s grafičkim oznakama, tekst ili slike unutar bloka mogu se postaviti tako da se zakače lijevo, desno ili središte područja. Ako se atribut poravnanja primijeni na inline element, tada se ništa neće dogoditi, jer to nije dostupna opcija na inline razini.