Shefarol Soluções Web

Corpo básico - Voltar

Código em HTML5 básico
<!doctype html>
<html lang="pt-br">
<head>
    <title> </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
</head>
<body>

</body>
</html>

Código em HTML5 layout
<!doctype html>
<html lang="pt-br">
<head>
    <title> </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
</head>
<body>
    <main>
        <header>
            <div class="banner"></div>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li>.....</li>
                </ul>
            </nav>
        </header>
        <section>
            <article>
                <h2>Títilo do artigo</h2>
                <p>Texto do artigo.......</p>
            </article>
        </section>
        <aside>
            <div class="pesquisa">
                <form>
                    <h4>Pesquisa</h4>
                    <input type="text" name="pesquisar" /><br />
                    <input type="submit" name="buscar" />
                </form>
            </div>
            <div class="links">
                <h4>Links interessantes</h4>
                <a href="#">Link 1</a><br />
                <a href="#">......</a><br />
            </div>
            <div class="postagens">
                <h4>Últimas postagens</h4>
                <a href="#">Post 1</a><br />
                <a href="#">......</a><br />
            </div>
        </aside>
    </main>
    <footer>
        <p>Exemplo de layout em HTML 5</p>
    </footer>
</body>
</html>