HTML5 & CSS3

Exercícios das Aulas
Aula Descrição
001 Introdução ao HTML5
002 Tratamento de parágrafos e quebras de linhas com <p> e </p> e <br>, símbolos especiais e emojis.
003 Introdução à imagens no HTML5.
004 Introdução ao favicon.
005 Erro de contagem do professor! Não possui exercício 05!.
006 Hierarquia de Títulos.
007 Arquivo vazio. Criado inicialmente para fazer alguma atividade, mas não foi passada.
008 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.
008b Continuação da Formatação de texto. Código-fonte / Pré formatação; Citação; Citação completa; Abreviações e Texto invertido.
009 Trabalhando com Listas. Listas Ordenadas; Listas não ordenadas; Lista de Definições.
010 Trabalhando com links. Links internos; links externos e links para download.
011 Mídias em HTML5. Imagens dinâmicas; Reprodução de áudio.
012 Vídeos com HTML5. Vídeos locais e Inseridos do YouTube.
013 Estilo inline. Estilização na linha do código.
014 Estilos locais ou internos. Estilização por meio do style.
Ex: 
                        
        <head>
            <style></style>
        </head>
015 Estilos externos. Estilização por meio de arquivos CSS.
016 Tratamento de cores em CSS. Representação por nome; decimal e hexadecimal; RGB e RGBA; HSL; Gradiente; e um site-exemplo de aplicação.
017 Tratamento de fontes pré-definidas do CSS, como tamanho, espessura e alinhamento.
018 Tratamento de fontes INTERNAS e EXTERNAS.
019 Tratamento de Seletores Personalizados.
020 Tratamento de links, pseudoclasses e hover.
021 Tratamento de caixas com bordas, fundos e semântica.
022 Tratamento de fundos com imagens.
023 Introdução e exercícios de TABELAS.
024 Tratamento de IFRAMEs
025 Formulários
026 Media Queries

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