Rakenne-esimerkki

Koodiesimerkki

Tämä sivu esittelee yksinkertaisesti sen, miten HTML-sivun koodi kannattaa jäsennellä.

Tämän sivun koodi on jaoteltu seuraavasti:

<!DOCTYPE html>
                <html lang="en">
                <head>
                    <meta charset="UTF-8">
                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    <title>Rakenne-esimerkki</title>
                </head>
                <body>
                    <header>
                        <img src="examplelogo.webp" alt="logo">
                        <h1>Rakenne-esimerkkisivu</h1>
                    </header>
                    <main>
                        <h2>Koodiesimerkki</h2>
                        <p>Tämä sivu esittelee yksinkertaisesti sen, miten HTML-sivun koodi kannattaa jäsennellä.</p>
                        <section>
                            <h3>Tämän sivun koodi on jaoteltu seuraavasti:</h3>
                        </section>
                    </main>
                    <footer>
                        <p>Footerissa on yleensä copyright</p>
                        <p>Copyright by Anna Metsäpelto 2025</p>
                    </footer>
                </body>
                </html>