Document Object Model (DOM) - What it is, how it works, structure and properties

We interact with webpages almost daily and sometimes you may wonder, how does this exactly work? It's like magic but there is a lot of stuffs that goes on behind the scene. One of the 'many stuffs' is the Document Object Model, also known as DOM. ...