An Example of Minimal HTML Code for a Basic Web Page ⛏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your page title</title>
</head>
<body>
    <header>
        <h1>Logo or heading</h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About us</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    
    <main>
        <h2>Welcome to our website</h2>
        <p>Here is the main content of the page. You can put text, images, videos and other elements here.</p>
    </main>
    
    <footer>
        <p>&copy; 2023 Your company. All rights reserved.</p>
    </footer>
</body>
</html>
  • <!DOCTYPE html>: The document type declaration, which says this is an HTML5 document.
  • <html>: The root element of an HTML document.
  • <head>: The part of the document that usually holds metadata and links to external resources.
  • <meta charset="UTF-8">: Sets the character encoding of the page (UTF-8 works for many languages).
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Scaling settings for devices with different screen sizes.
  • <title>: The title of the web page, shown in the browser tab.
  • <body>: The body of the page, which holds the main content.
  • <header>: A section that holds the page heading and the navigation menu.
  • <main>: The main content of the page.
  • <footer>: The page footer, where you can put authorship and copyright information.

#html5magic #codinginhtml #webdesignbasics #htmlcoding #learnhtml #htmltips #frontendhtml #htmlstructure #htmlelements #htmlforbeginners #zimin_dev #zimin_dev_blog

Sasha Zimin

Leave a Reply

Your email address will not be published. Required fields are marked *