Exercícios de HTML5 e CSS3
📁 Módulo 01: Primeiros Passos
- Um HTML simples
- Parágrafos, quebras e emojis
- Inserindo imagens simples
- Utilizando favicons
- Hierarquia de títulos
- Formatações de textos em HTML5
- Formatações de códigos, citações e abreviações.
- Listas em HTML5
- Links internos, externos e de downloads
- Imagens dinâmicas e áudio
- Vídeos em HTML5
- Usando estilos in-line
- Usando estilos internos
- Usando estilos externos
📁 Módulo 02: Deixando as coisas mais bonitas
📁 Módulo 03: Imagens de fundo e Tabela
- Papel de Parede
- Repetições em background-image
- Posição de um background
- imagem de fundo ajustada
- Texto Centralizado
- Fundo fixo de tela
- Alinhamento vertical
- Hierarquia de Tabelas
- Uso de tabelas grandes
- Mesclagem de Células
- Exercício de Tabelas 01
- Exercício de Tabelas 02
- Tabelas Responsivas
📁 Módulo 04: Aprofundando os conhecimentos
- iframe com link externo
- iframe com link interno
- alternando iframes
- formulário com iframe
- atributo sandbox
- serviços iframe
- Primeiro formulário
- atributos de input
- number, month, date e time
- telefone e e-mail
- checkbox e radio button
- color, range e file
- select, datalist e textarea
- Calculando e exibindo no elemento output
- Output dinâmico com o elemento range
- Calculo de idade dinamicamente
- Criando um site com versão para impressora
- Múltiplas Media Features com CSS
- Reunindo tudo em um único CSS
- Testando Media Queries
- Menu hamburger
📁 Módulo 05: Design responsivo
- Primeiros passos com Flexbox CSS
- Direções e Eixos Flexbox CSS
- Empacotamento e fluxo no Flexbox CSS
- Alinhamento nos eixos FlexBox
- Centralização absoluta com FlexBox
- Alinhamento de elementos empacotados no FlexBox
- Anatomia dos itens Flexbox: order
- Anatomia dos itens Flexbox: align-self
- Anatomia dos itens Flexbox: flex-basis
- Controle do tamanho de itens flexíveis
- A propriedade (shorthand) flex
- Menu com Flexbox
- conteúdo flexível apenas com Flexbox
- Grid Layout