Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Curso HTML e CSS: Os seus primeiros passos

Nota

8.7

Nível

Básico

Última atualização

11/08/2017

Carga horária

20h

Iniciar Curso
Concluir Favoritar

Instrutor

Veja as últimas novidades do curso Veja as perguntas frequentes Fórum do curso

Conteúdo detalhado:

  1. Estrutura básica do HTML

    1. O que é o HTML
    2. A estrutura de uma página HTML
    3. Adicionando cabeçalhos na página com as tags H
    4. Adicionando textos na página com a tag p
    5. Configurando o charset, para evitar problemas na acentuação das palavras
    6. Configurando o título da página com a tag title
  2. Aplicando estilos com CSS

    1. O que é CSS
    2. Modificando a cor de fundo de um elemento
    3. Isolando os estilos da página com a tag style
    4. Adicionando recuo aos parágrafos da página
    5. Configurando classes de estilos
    6. Configurando um texto para ficar em itálico e sublinhado
    7. Seletores CSS
  3. Outras tags HTML e como aplicar CSS nelas

    1. Isolando o código CSS em um arquivo externo
    2. Adicionando links na página com a tag a
    3. Criando uma lista de elementos com a tag ul
    4. A propriedade mailto
    5. Configurando as fontes utilizadas na página
    6. Centralizando a página e outros elementos
    7. Configurando o espaçamento dos elementos com a propriedade padding
  1. Elementos estruturais, imagens e tabelas

    1. Criando uma nova página HTML
    2. Adicionando uma imagem com legenda na página, com as tags figure, img e figcaption
    3. Aplicando estilos na página
    4. Adicionando algumas seções na página
    5. Adicionando uma tabela na página com as tags table, tr e td
    6. Adicionando cabeçalhos na tabela com a tag th
    7. Adicionando alguns estilos na tabela
    8. Configurando as cores de fundo das linhas pares e ímpares da tabela(efeito zebrado)
    9. Adicionando um menu de navegação na página com as tags nav, ul e a
    10. Configurando o menu para ficar na posição horizontal com a propriedade display:inline
    11. Seletor CSS de hierarquia
  2. CSS3

    1. Criando um efeito degradê com a propriedade linear-gradient
    2. Configurando bordas arredondadas com a propriedade border-radius
    3. Adicionando sombra, transparência e rotacionando uma imagem com as propriedades box-shadow e transform
  3. Posicionamento de elementos

    1. Posicionando o menu no lado esquerdo da página com a propriedade float
    2. Envolvendo o resto da página em uma tag section
    3. Posicionando o conteúdo da página ao lado direito do menu
    4. Melhorando o visual dos itens do menu
    5. Destacando o item do menu com a pseudo-classe :hover
    6. Modificando o posicionamento de um elemento com a propriedade position
    7. Deixando uma imagem sempre visível no canto superior direito da página com a propriedade position:fixed