Basic HTML5 Webpage Example Code

Basic HTML5 Webpage Example Code

Here is a basic webpage layout skeleton code that you can use as a starting point for creating your own web pages:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My Website</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <h1>My Website</h1>
      <nav>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <h2>Welcome to my website!</h2>
      <p>This is my personal website, where I share my thoughts and ideas.</p>
    </main>
    <footer>
      <p>Copyright 2022 My Website</p>
    </footer>
  </body>
</html>

This code creates a basic webpage with a header, main content area, and footer. The header includes a heading and a navigation menu, and the main content area includes a heading and a paragraph of text. The footer includes a copyright notice.

This code uses basic HTML elements, such as html, head, body, header, nav, main, h1, h2, p, and footer, to structure the content of the webpage. It also includes a link to a stylesheet (style.css) that can be used to apply styles to the webpage.

You can customize this basic layout by adding or modifying the content and elements as needed to suit your needs. You can also use CSS to style the webpage and make it look more visually appealing.

Related Posts

M.Muzammil

I am Muzammil, a Self-taught Web Designer & Developer. I haven't yet completed my college degree. Started learning programming at the age of 12 and still learning. I love to work in Javascript and make eye-catchy designs. Free for your calls :)

Be The First To Comment

Add Comment