Code Viewer

<!-- HTML Example -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Semantic Elements Example</title>
</head>
<body>

    <header>
        <h1>Website Title</h1>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <article>
            <h2>Article Title</h2>
            <p>This is an example of a semantic article element.</p>
        </article>

        <aside>
            <p>This is additional information related to the main content.</p>
        </aside>
    </main>

    <footer>
        <p>Copyright © 2024. All rights reserved.</p>
    </footer>

</body>
</html>