HTML block és inline elemek, div és span, Szép szinuszos vonalrajz Javascript canvas segítségével

HTML block és inline elemek, div és span

Minden HTML elemnek van egy alapértelmezett megjelenítési (display) értéke. 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.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.