Table of Contents

URL: https://www.progressiverobot.com/how-to-style-the-html-body-element/

The HTML <body> element is a semantic element that tells the browser that its content is part of the body of the webpage and intended for display. In this tutorial, we will add a <body> element to our web document where we can add content later on.

To add a <body> element to your document, insert opening and closing <body> tags *after* the closing </head> tag but *before* the closing </html> tag. Your document should now have the following code:

				
					
&lt;!DOCTYPE html&gt;

&lt;html lang="en"&gt;



&lt;head&gt;

  &lt;meta charset="utf-8"&gt;

  &lt;title&gt;Sammy’s First Website&lt;/title&gt;

  &lt;link rel="shortcut icon" type="image/jpg" href=”Favicon_Image_Location”/&gt;

&lt;/head&gt;



&lt;^&gt;&lt;body&gt;&lt;^&gt;

&lt;^&gt;&lt;/body&gt;&lt;^&gt;



&lt;/html&gt;

You should now understand the purpose of an HTML <body> element and understand how to add one to your HTML file.

In the next step, we’ll begin to add our website content *in between* the <body> tags.