Hello everyone and welcome back. In this lesson we'll take a look at how to structure your html document and consequently your website. In html several elements can be grouped together or nested inside another. We do this target an entire group of elements in CSS or JS, semantic accessibility and to provide good general structure to your html file. So we'll talk about the areas/layout of a typical website; semantic and non semantic. For example, the header is located at the top of the page and contains the heading and logo/brand. The navigation element will contain buttons and links. The main contains the most unique or latest content of the web page. The footer may contain copyright and fine print. Contact details may also be included here. We'll also discuss some other elements like article, section, aside, form, div, span, hr, br.