AULA 1

As estruturas dos sites

MÓDULO #1 - CRIANDO A BASE
Clique aqui para assistir
Exemplo de estrutura dos sites

> H1 (Título do Projeto)

> PARAGRAPH (Parágrafo) - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

> BUTTON (Botão do Projeto)
> CONTAINER

EXEMPLO DE TÍTULO

Exemplo de descrição do paragráfo. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

EXEMPLO DE BOTÃO
> SECTION

Passe o mouse em cima dos elementos para ver a estrutura.

RESUMO
RÁPIDO

SECTION >
  CONTAINER >
        ELEMENTOS


Respeite esta ordem e ficará tudo bem: Primeiro colocar uma SECTION e depois um CONTAINER dentro da Section para alinhar os ELEMENTOS como BOTÕES, PARÁGRAFOS, IMAGENS, TÍTULOS etc...

Bora praticar!

Vá no seu projeto de exercícios e acesse a página do exercício desta aula (é facil, aula 1, exercício 1, e assim por diante).

Nessa aula
você aprendeu

Estrutura dos sites
Hierarquia dos elementos
Alinhar elementos com o container
Próxima Aula
INSCRIÇÕES ABERTAS
Vagas limitadas & 7 dias de garantia