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.
Faça 6 cabeçalhos contendo a frase "B7Web é TOP" (sem aspas), começando pelo maior até o menor.
<html>
<body>
</body>
</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
Novo TópicoÁrea exclusiva para alunos dos cursos privados.
Fechar
Conteúdo do curso
Módulo 1: Conceitos Básicos
6 aulas
6 aulas
Módulo 2: Entendendo o HTML com CSS
15 aulas
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
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 4: Semântica, Responsividade, CSS Avançado
27 aulas
27 aulas
#1: Introdução à Responsividade#2: Diferença de arquivo#3: Tag Header, Footer e Nav#4: Tag Section, Article, Aside e Time#5: Compatibilidade com HTML 5#6: Tags de Input#7: Atributo Data#8: Tag Vídeo#9: Tag Audio#10: Media Query#11: Design Responsivo 1#12: Design Responsivo 2#13: Viewport#14: Placeholder#15: Autofocus#16: Size e MaxLength#17: Required Input#18: AutoComplete#19: Normalize.css#20: Borda Arredondada#21: Degradê#22: Animações#23: Sombras#24: Transições#25: Webkit#26: WordWrap#27: Meta tag (social sharing)
Módulo 5: Flexbox na prática
11 aulas
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 6: Seletores e CSS3
22 aulas
22 aulas
#1: Exercício: Página de tributo#2: Exercício: Um formulário de pesquisa#3: Exercício: Uma página de apresentação#4: Exercício: Um clone do Google#5: Exercício: Um clone dos resultados do Google#6: Seletor pelo atributo (1/2)#7: Seletor pelo atributo (2/2)#8: Seletor de Elemento Vazio#9: Seletor de Primeira letra e Primeira Linha#10: Seletor de Primeiro e Último Elemento#11: Seletor Negativo#12: Seletor NTH#13: Seletor Before/After#14: Seletor Before/After (exemplo do balão)#15: RGBA#16: Transform (1/2)#17: Transform (2/2)#18: Box-sizing#19: Estilizar o placeholder#20: Exercício: Criar uma tabela zebra#21: Exercício: Criar um botão com CSS3#22: Exercício: Criar uma tarja de canto
Módulo 7: Projeto Awax
27 aulas
27 aulas
#1: Projeto Awax (parte 1)#2: Projeto Awax (parte 2)#3: Projeto Awax (parte 3)#4: Projeto Awax (menu 1/2)#5: Projeto Awax (menu 2/2)#6: Projeto Awax (banner)#7: Projeto Awax (slide 1/3)#8: Projeto Awax (slide 2/3)#9: Projeto Awax (slide 3/3)#10: Projeto Awax (sections 1/2)#11: Projeto Awax (sections 2/2)#12: Projeto Awax (about us)#13: Projeto Awax (services)#14: Projeto Awax (projects 1/3)#15: Projeto Awax (projects 2/3)#16: Projeto Awax (projects 3/3)#17: Projeto Awax (our team 1/3)#18: Projeto Awax (our team 2/3)#19: Projeto Awax (our team 3/3)#20: Projeto Awax (exercício)#21: Projeto Awax (exercício - solução)#22: Projeto Awax (mapa)#23: Projeto Awax (rodapé exercício)#24: Projeto Awax (tablet 1/3)#25: Projeto Awax (tablet 2/3)#26: Projeto Awax (tablet 3/3)#27: Projeto Awax (mobile)
Módulo 8: CSS Grid
15 aulas
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
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
18 aulas
Módulo 11: Projeto: Starbucks (com Flexbox e Grid)
14 aulas
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)