Espaço para os Alunos do Prof. Leandro - IEEWT - 1TI - 2TI - 3TI

Modelo de site com HTML e CSS!!!

<html>
      <!-- Este eh o cabecalho do arquivo html -->
      <head>
           <meta charset="UTF-8" />
           <title>Título da Página</title>
           <link rel="stylesheet" href="style.css" />
      </head>
      <body>
           <div id="cabecalho">
                 Aqui vai seu cabeçalho com o menu 
           </div>
           <div id="conteudo">
                 Aqui será exibido o seu conteúdo
           </div>
           <div class="rodape">
                 Aqui vai seu rodapé com informações dos termos, copyright e contato.
           </div>
 
      </body>
</html>

Modelo de Arquivo em CSS (Cascating Style Sheet).

style.css

p {
      color: black;
      background-color: yellow;
}
img { 
  width: 100%;
  height: auto;
  opacity: 0.3;
}
div#cabecalho {
  position: absolute;
  top: 0 px;
  right: 0;
  width: auto;
  height: 100px;
  background-color:#73AD21;
 
}
div#conteudo {
  position: absolute;
  top: 101 px;
  right: 0;
  width: auto;
  height: 700px;
  background-color:#73AD11;
 
}
div.rodape {
  position: fixed;
  bottom: 0;
  right: 0;
  width: auto;
  color: black;
  background-color:#73AD41;
  border: 1px solid #73AD41; 
}

Espaço para os Alunos do Prof. Leandro - IEEWT - 1TI - 2TI - 3TI

Ferramentas do usuário

Ferramentas do site

Ferramentas da página