<!DOCTYPE html>
<!-- This is the document type declaration that defines the document as an HTML5 document -->
<html lang="en">
<!-- The opening <html> tag signifies the start of the HTML document -->
<head>
<!-- The <head> tag contains meta-information about the document,
such as its title, and links to stylesheets and scripts -->
<meta charset="UTF-8">
<!-- <meta charset="UTF-8"> sets the character encoding for the document to UTF-8 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- The viewport meta tag optimizes the page for mobile devices -->
<title>My Awesome Page</title>
<!-- The <title> tag sets the title of the webpage, visible in the browser tab -->
</head>
<body>
<!-- The <body> tag contains all the content of the HTML document, such as text, images, and other elements -->
<h1>Welcome to My Website</h1>
<!-- This is a heading tag, <h1> is the highest level heading -->
<p>This is a paragraph of text.</p>
<!-- The <p> tag is used to define a paragraph -->
</body>
</html>
<!-- The closing </html> tag signifies the end of the HTML document -->