HTML5 & CSS3

Estudos sobre HTML5 & CSS3 acompanhando os vídeos do site CursoemVideo

Exercícios das Aulas

1

Introdução ao HTML5

2

Tratamento de parágrafos e quebras de linhas com <p> e </p> e <br>, símbolos especiais e emojis.

3

Introdução à imagens no HTML5.

4

Introdução ao favicon.

5

Erro de contagem do professor! Não possui exercício 5!

6

Hierarquia de Títulos.

7

Arquivo vazio. Criado inicialmente para fazer alguma atividade, mas não foi passada.

8

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.

8b

Continuação da Formatação de texto. Código-fonte / Pré formatação; Citação; Citação completa; Abreviações e Texto invertido.

9

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

25

Formulários

26

Media Queries

27

Flexbox

Desafios

1

Desafio das Mensagens. Contagem de asteriscos com os números por extenso, com o código separado com <br>.

2

Desafio das Imagens. Inserir imagem de favicon e de conteúdo.

3

Desafio do Mapa. Montar o Mapa-Múndi com 9 imagens, com forma 3X3 utilizando parágrafos e quebra de linhas onde preciso.

4

Desafio dos Emojis. Meus Emojis e seus códigos favoritos.

5

Contato. Integração de imagens e links de contato.

6

Tags em HTML. Lista de tags de parágrafos; títulos; imagens; abreviações; códigos-fonte; listas numeradas e listas com demarcações.

7

Imagem Flexível. Imagem recortada para se adaptar a vários tamanhos de tela.

8

Desafio da Navegação. Navegação pelas páginas do site por meio de links internos.

9

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.

15

Projeto Login.