Example Code

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>