The <body> tag contains all the content of a web page that the user sees and interacts with in the browser.
This is where you place all the text, images, videos, forms, and other elements you want to display on your web page.
The <body> is where the majority of your HTML will be written, as it represents the visible structure of your site.
Example:
<!DOCTYPE html>
<html>
<head>
<!-- The head elements would come here -->
</head>
<body>
<h1>Welcome to My Web Page</h1>
<p>This is a demonstration paragraph.</p>
<!-- Other HTML elements would come here -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<!-- The head elements would come here -->
</head>
<body>
<h1>Welcome to My Web Page</h1>
<p>This is a demonstration paragraph.</p>
<!-- Other HTML elements would come here -->
</body>
</html>
Here is a diagram with the essential tags of a web page:
Now, we will go through the main HTML tags.
To make it more concrete and interactive, we will develop a web page describing a Curriculum Vitae (CV).
Each new tag we encounter will allow us to build this page step by step.
For now, we will focus on the content; the styling of this page will be covered in the next section.
Here is the expected visual result: