Light

Dark

HTML5 e CSS3

Preencha as lacunas com o código correto.
Faça 6 cabeçalhos contendo a frase "B7Web é TOP" (sem aspas), começando pelo maior até o menor.

<html>
<body>

<h1>B7Web é TOP</h1>

<h2>B7Web é TOP</h2>

<h3>B7Web é TOP</h3>

<h4>B7Web é TOP</h4>

<h5>B7Web é TOP</h5>

<h6>B7Web é TOP</h6>

</body>
</html>

Exercício 6

Suas anotações

Área exclusiva para alunos dos cursos privados.

Tópicos nesta aula

Área exclusiva para alunos dos cursos privados.

Fechar

Conteúdo do curso

Módulo 1: Conceitos Básicos
6 aulas

#1: O que é HTML e pra quê serve?#2: Quais softwares eu vou precisar?#3: Onde eu crio os arquivos?#4: O que é tag?#5: Atributos #6: Estrutura Básica

Módulo 2: Entendendo o HTML com CSS
15 aulas

#1: O que é indentação?#2: Tags Básicas (1/2)#3: Tags Básicas (2/2)#4: O que é e como usar o CSS? (1/2)#5: O que é e como usar o CSS? (2/2)#6: A base geral do CSS #7: Cores no CSS #8: Bordas no CSS #9: Margins e Padding no CSS #10: Width/height no CSS #11: Dicas sobre Width/Height #12: Links (1/2)#13: Links (2/2)#14: Formatação de textos no HTML #15: Comentários no HTML

Módulo 3: Listas, Tabelas e Formulários
15 aulas

#1: Formatação de textos no CSS (1/2)#2: Formatação de textos no CSS (2/2)#3: Adicionando Fontes Externas #4: Listas no HTML #5: Tabelas no HTML #6: Tabelas no CSS #7: Formulários #8: Input #9: Inputs no HTML5 #10: Select #11: Textarea #12: Button #13: Label #14: Formatando formulários no CSS (1/2)#15: Formatando formulários no CSS (2/2)

Módulo 5: Flexbox na prática
11 aulas

#1: Flexbox: Introdução e Direções #2: Flexbox: Alinhamentos (1/2)#3: Flexbox: Alinhamentos (2/2)#4: Projeto: Site com Flexbox e HTML Semântico (parte 1)#5: Projeto: Site com Flexbox e HTML Semântico (parte 2)#6: Projeto: Site com Flexbox e HTML Semântico (parte 3)#7: Projeto: Site com Flexbox e HTML Semântico (parte 4)#8: Projeto: Site com Flexbox e HTML Semântico (parte 5)#9: Projeto: Site com Flexbox e HTML Semântico (parte 6)#10: Projeto: Site com Flexbox e HTML Semântico (parte 7)#11: Projeto: Site com Flexbox e HTML Semântico (parte 8)

Módulo 8: CSS Grid
15 aulas

#1: O que é CSS Grid?#2: Container e Item #3: Trabalhando com Gaps #4: Colunas e linhas #5: Unidade FR #6: Usando o Repeat #7: Usando minmax #8: Posicionamento no Grid #9: Mesclando itens em linhas (1/3)#10: Mesclando itens em linhas (2/3)#11: Mesclando itens em linhas (3/3)#12: Grid Area #13: Template Area #14: Estrutura de Layout em Grid #15: Responsividade no Grid

Módulo 9: Questionário Prático
64 aulas

#1: Questão 1 #2: Questão 2 #3: Questão 3 #4: Questão 4 #5: Questão 5 #6: Questão 6 #7: Questão 7 #8: Questão 8 #9: Questão 9 #10: Questão 10 #11: Questão 11 #12: Questão 12 #13: Questão 13 #14: Questão 14 #15: Questão 15 #16: Questão 16 #17: Questão 17 #18: Questão 18 #19: Questão 19 #20: Questão 20 #21: Questão 21 #22: Questão 22 #23: Questão 23 #24: Questão 24 #25: Questão 25 #26: Questão 26 #27: Questão 27 #28: Questão 28 #29: Questão 29 #30: Questão 30 #31: Questão 31 #32: Questão 32 #33: Questão 33 #34: Questão 34 #35: Questão 35 #36: Questão 36 #37: Questão 37 #38: Questão 38 #39: Questão 39 #40: Questão 40 #41: Questão 41 #42: Questão 42 #43: Questão 43 #44: Questão 44 #45: Questão 45 #46: Questão 46 #47: Questão 47 #48: Questão 48 #49: Questão 49 #50: Questão 50 #51: Questão 51 #52: Questão 52 #53: Questão 53 #54: Questão 54 #55: Questão 55 #56: Questão 56 #57: Questão 57 #58: Questão 58 #59: Questão 59 #60: Questão 60 #61: Questão 61 #62: Questão 62 #63: Questão 63 #64: Questão 64

Módulo 10: Exercícios Práticos
18 aulas

#1: Exercício 1 #2: Exercício 2 #3: Exercício 3 #4: Exercício 4 #5: Exercício 5 #6: Exercício 6 #7: Exercício 7 #8: Exercício 8 #9: Exercício 9 #10: Exercício 10 #11: Exercício 11 #12: Exercício 12 #13: Exercício 13 #14: Exercício 14 #15: Exercício 15 #16: Exercício 16 #17: Exercício 17 #18: Exercício 18

Módulo 11: Projeto: Starbucks (com Flexbox e Grid)
14 aulas

#1: Introdução #2: Inserindo Fontes e Assets #3: Criando o Header (1/2)#4: Criando o Header (2/2)#5: Criando o Banner Principal #6: Criando a Area1 (1/3)#7: Criando a Area1 (2/3)#8: Criando a Area1 (3/3)#9: Criando a Area2 #10: Criando a Area3 #11: Criando a Area4 #12: Criando o Rodapé #13: Responsividade (1/2)#14: Responsividade (2/2)