As you can see, the document is stored inside the root element <html> </html>. Inside the root tags are organized all other tags. Below the <html> tag you can see the <head> which, as previously said, is the title and meta data declaration part.
Below the closing </head> comes the <body>. This is what visitors are showed when accessing the live webpage. They get the output of the interpretation of HTML code by the browser.
Finally the document ends with a closing </body></html> tags.
All in all, building and organizing data in a HTML page is not as difficult as it seems at the first sight.
Should you have a question, ask in comments.