Basic template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>[Title]</title>
<!--<link rel="stylesheet" href="/path/to/stylesheet.css" />-->
<style></style>
</head>
<body>
<!--<script src="/path/to/script.js"></script>-->
<script></script>
</body>
</html>
Applied example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Website</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>My Website</h1>
<nav>
<ul>
<li>Home</li>
<li>Hobbies</li>
<li>Interactives</li>
<li>Blog</li>
</ul>
</nav>
<img
src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse3.mm.bing.net%2Fth%3Fid%3DOIP.Zkl3u9siefN508JR6R8tPQHaEK%26pid%3DApi&f=1&ipt=c654d154942550df70eb2248f8266dfb33aecc5e796be7351404ef280f06546f&ipo=images"
alt="man being interviewed"
/>
<div class="summary">
<h2>What's happening here?</h2>
<p>
This site is about the things I do on my free time and things I like to
share with others.
</p>
</div>
<div class="current-hobby">
<h3>What's my new hobby?</h3>
<p>I am currently trying out stereo systems with speakers</p>
</div>
<img
src="https://cdn.glitch.global/91148af2-6086-44e2-8fc7-f064ff5c96eb/62070006.JPG?v=1669837881117"
alt="pablo">
</body>
</html>
