1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Cabeçalho de uma página

Olá. Estou aprendendo HTML e CSS pela apostila da Caelum. E em um exercício o autor pediu para criar um cabeçalho na pagina principal e fazer o mesmo cabeçalho em uma outra pagina.

Existe alguma forma de haver um aproveitamento de código do cabeçalho que eu criei (se não terei que reescrever novamente). abaixo o codigo HTML do meu cabeçalho:

<!DOCTYPE html>  <!-- tipo de documento html  -->

<html>
    <head> 
        <title>Mirror Fasshion</title>
        <meta charset = "utf-8">
        <link rel="stylesheet" href="../css/reset.css">
        <link rel="stylesheet" href="../css/principal.css">
    </head>
    <body>

        <header class="container"> <!-- Cabeçalho -->
            <!-- Logo -->
            <h1><a href="index.html"><img src="../mirrorfashion/img/logo.png" alt="Mirror Fashion"></a></h1>

            <!-- Sacola de compras -->
            <p class="sacola">
                Nenhum item na sacola de compras
            </p>

            <!-- Menu navegavel -->
            <nav class="menu-opcoes">
                <ul>
                    <li><a href="#">Sua Conta</a></li>
                    <li><a href="#">Lista de Desejos</a></li>
                    <li><a href="#">Cartão Fidelidade</a></li>
                    <li><a href="sobre.html">Sobre</a></li>
                    <li><a href="#">Ajuda</a></li>
                </ul>
            </nav>
        </header>
    </body>
</html>

Desde já agradeço

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

3 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags html css ou faça a sua própria pergunta.