Hogy lehet olyat csinálni hogy egy divben van pl egy kép vagy valami szöveg felette egy címmel de a címnek más a háttere?

hát nincs title csak az oldalnak van.

ezek nem div-ek a fejléc az egy h2-es tag. de lehet div is ha azt szeretnéd.

css-el ésszerű csinálni, background-color-al adod meg hogy más legyen a háttere.

Az ilyen html trükköket lemásolni a legegyszerűbb, ha megnyitod az oldal chrome böngészőben, nyomsz egy jobb klikket az elemre, ami érdekel, a menüből válaszd az "Eleme megtekintése" pontot, és az oldal alján felkúszó ablakban már vizsgálhatod is, hogy mi a szerkezete, css, stb...

Egyébként az előző jól írta, a címszöveg egy formázott <h2> tag, aminek a háttere egy bepozícionált kép.

Nem csak két div van "egymáson", hanem div konténerek vannak egymásba ágyazva, hogy az elemek a megfelelő helyre kerüljenek (cím, kép, zászlóikon, helyezés, stb...)