HTML – block és inline, div és span elemek.

HTML block és inline, div és span elemek

Minden HTML elemnek van egy alapértelmezett megjelenítési (display) értéke, vagyis olyan stíluselemek melyek beépítettek. Ez azt jelenti hogy nem kell neked külön létrehoznod osztályokat amelyekben definiálod hogy mint jelent az hogy címsor, új bekezdés, stb…
Ezek közül a két leggyakoribb a block és az inline.

Block elemek

Ezek az elemek mindig új sorban kezdődnek és az egész rendelkezésükre álló helyet kitöltik. Ilyenek például:

  • h1-h6
  • p
  • div

Inline elemek

Az inline elemek nem kezdődnek új sorban és csak annyit helyet foglalnak el, amennyit a bennük foglalt tartalom megkíván. Ilyenek például:

  • a
  • img
  • span

A div és a span elemek

Mindkét elem úgynevezett container elem. A div-ben más HTML elemeket, míg a span-ben szöveget szoktunk tárolni. Kiválóak arra, hogy a bennük foglalt elemekre könnyedén tudjunk CSS-t húzni.