Estudos sobre HTML5 & CSS3

Exercícios das Aulas
Aula Descrição
01 Introdução ao HTML5
02 Tratamento de parágrafos e quebras de linhas com <p> e </p> e <br>, símbolos especiais e emojis.
03 Introdução à imagens no HTML5.
04 Introdução ao favicon.
05 Erro de contagem do professor! Não possui exercício 05!.
06 Hierarquia de Títulos.
07 Arquivo vazio. Criado inicialmente para fazer alguma atividade, mas não foi passada.
08 Formatação de texto. Negrito / Destaque; Itálico / Ênfase; Texto Marcado; Texto grande e pequeno; Texto deletado; Texto inserido; Texto sobrescrito / Fórmula matemática; Texto subscrito / Fórmula química.
08b Continuação da Formatação de texto. Código-fonte / Pré formatação; Citação; Citação completa; Abreviações e Texto invertido.
09 Trabalhando com Listas. Listas Ordenadas; Listas não ordenadas; Lista de Definições.
10 Trabalhando com links. Links internos; links externos e links para download.
11 Mídias em HTML5. Imagens dinâmicas; Reprodução de áudio.
12 Vídeos com HTML5. Vídeos locais e Inseridos do YouTube.
13 Estilo inline. Estilização na linha do código.
14 Estilos locais ou internos. Estilização por meio do style.
Ex: 
                        
        <head>
            <style></style>
        </head>
15 Estilos externos. Estilização por meio de arquivos CSS.
16 Tratamento de cores em CSS. Representação por nome; decimal e hexadecimal; RGB e RGBA; HSL; Gradiente; e um site-exemplo de aplicação.
17 Tratamento de fontes pré-definidas do CSS, como tamanho, espessura e alinhamento.
18 Tratamento de fontes INTERNAS e EXTERNAS.
19 Tratamento de Seletores Personalizados.
20 Tratamento de links, pseudoclasses e hover.
21 Tratamento de caixas com bordas, fundos e semântica.
22 Tratamento de fundos com imagens.
23 Introdução e exercícios de TABELAS.
24 Tratamento de IFRAMEs

Desafios
Desafio Descrição
01 Desafio das Mensagens. Contagem de asteriscos com os números por extenso, com o código separado com <br>.
02 Desafio das Imagens. Inserir imagem de favicon e de conteúdo.
03 Desafio do Mapa. Montar o Mapa-Mundi com 09 imagens, com forma 3X3 utilizando parágrafos e quebra de linhas onde preciso.
04 Desafio dos Emojis. Meus Emojis e seus códigos favoritos.
05 Contato. Integração de imagens e links de contato.
06 Tags em HTML. Lista de tags de parágrafos; títulos; imagens; abreviações; códigos-fonte; listas numeradas e listas com demarcações.
07 Imagem Flexível. Imagem recortada para se adaptar a vários tamanhos de tela.
08 Desafio da Navegação. Navegação pelas páginas do site por meio de links internos
09 Desafio dos Vídeos
10 Projeto Android.
11 Desafio do Astronauta. Está utilizando uma imagem do espaço sideral como fundo, e encaixar a imagem do astronauta no centro da página.
12 Projeto Cordel.
13 Projeto Redes Sociais