Here is an example layout of a basic HTML file that should get you up and going with your first project.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!-- Optional but recommended -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Good for responsive design -->
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<title>Page Title</title> <!-- Edit a title for the page -->
</head>
<body>
<header>
<h1>Brand Name</h1>
<nav>
<ul>
<li><a href="">Navigation link 1</a></li>
<li><a href="">Navigation link 2</a></li>
</ul>
</nav>
</header>
<main>
<section>
<article>
<h2>Article title</h2>
<p>Article text</p>
<blockquote>Some quote</blockquote>
<figure>
<img src="example.jpg" alt="Description of the image.">
<figcaption>A caption under the image that the user can read</figcaption>
</figure>
</article>
</section>
<section>
<h2>Section title</h2>
<details>
<summary>In this section I will show a picture</summary>
<p>Not here though, just below this widget.</p>
</details>
<picture>
<source srcset="image.webp" type="image/webp">
<source srcset="image.jpg" type="image/jpeg">
<img src="fallback.jpg" alt="Description of image">
</picture>
</section>
</main>
<footer>
<address>
Address line 1<br>
Address line 2<br>
<a href="InstagramURL" title="InstagramURL" aria-label="Go to our Instagram page (opens in new tab)" target="_blank" rel="noopener noreferrer">Instagram</a>
</address>
</footer>
</body>
</html>