This is a basic example of an HTML page with some CSS styling.
An HTML file has three necessary elements: html, head and body. The head and body are nested in the root element, html.
The head is where you can link to external resources, such as an external CSS file. You can also provide information for SEO, by giving a meta tag description and keywords for your file. Most importantly, the head is where you define the character set and let the browser know how the page should be organized in the viewport of the browser.
The body contains the page content. If test (content) is added outside of the body, it will not display in the browser. Most HTML markup occurs in the body because the main purpose of HTML is to format text.