To the top left you'll find a table which lists all documents of the web page. Selecting a document here will show the DOM tree in the bottom left table of the window. Each node in the DOM tree can be opened/closed by clicking the triangle button, which is similar to the list view in the Finder. Selecting a node in the list will display more information about this node at the right side of the window.