Ano ba ang Pagkakaiba sa pagitan ng mga antas ng Block at sa mga Elemento ng Inline?
Ang HTML ay binubuo ng iba't ibang elemento na kumikilos bilang mga bloke ng gusali ng mga web page. Ang bawat isa sa mga elementong ito ay bumaba sa isa sa dalawang kategorya - alinman sa isang elemento ng block-level o isang inline na elemento. Ang pag-unawa sa pagkakaiba sa pagitan ng dalawang uri ng mga elemento ay isang mahalagang hakbang sa pagtatayo ng mga web page.
I-block ang Mga Elemento ng Antas
Kaya ano ang elemento ng block-level? Ang elementong block-level ay isang elemento ng HTML na nagsisimula ng isang bagong linya sa isang pahina ng Web at nagpapalawak ng buong lapad ng magagamit na pahalang na espasyo ng elemento ng magulang nito. Lumilikha ito ng mga malalaking bloke ng nilalaman tulad ng mga talata o dibisyon ng pahina. Sa katunayan, ang karamihan sa mga elemento ng HTML ay mga elemento ng block-level.
Ang mga elemento ng block-level ay ginagamit sa loob ng katawan ng dokumento ng HTML. Maaari silang maglaman ng mga elemento ng inline, pati na rin ang iba pang elemento ng block-level.
Mga Sangkap ng Inline
Sa kaibahan sa elemento ng block-level, ang isang inline na elemento ay maaaring:
- Magsimula sa loob ng isang linya
- Hindi nagsisimula ang isang bagong linya
- Ang lapad nito ay umaabot lamang hanggang sa natukoy ito sa pamamagitan ng mga tag nito.
Ang isang halimbawa ng isang inline na elemento ay ang tag na , na ginagawang ang font ng nilalaman ng teksto na nasa loob ng boldface. Ang isang inline na elemento ay karaniwang naglalaman lamang ng iba pang mga inline na elemento, o ito ay maaaring maglaman ng wala sa lahat, tulad ng
break tag.
Mayroon ding ikatlong uri ng elemento sa HTML: mga hindi ipinapakita sa lahat. Nagbibigay ang mga sangkap na ito ng impormasyon tungkol sa pahina ngunit hindi ipinapakita kapag nai-render sa isang Web browser.
Halimbawa:
- Tinutukoy ng