Light
Dark
Login

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

Próxima aula

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
#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
20 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)#16: Tags Fieldset e Legend#17: Validações Nativas 1#18: Validações Nativas 2#19: Input type hidden#20: Input type file
Módulo 4: Características do CSS
9 aulas
#1: Herança#2: Especificidade#3: Cascata#4: Unidades de medida absoluta#5: Unidades de medida relativas (fonte) 1#6: Unidades de medida relativas (fonte) 2#7: Unidades de medida relativas (viewport)#8: O inherit#9: Tipos de valores para cores
Módulo 5: Responsividade
14 aulas
#1: Mobile First#2: Layout adaptativo vs layout responsivo#3: Viewport#4: Imagens Responsivas: picture e source#5: Imagens Responsivas: Propriedade Object-fit#6: Css @media: Como funciona 1#7: Css @media: Como funciona 2#8: Orientation no @media#9: Aspect-ratio no @media#10: Função var#11: Função var em media query#12: Hack CSS: Altura relativa a largura#13: Função min e max#14: Função calc
Módulo 6: Semântica e CSS Avançado
29 aulas
#1: Diferença de arquivo#2: Tag Header, Footer e Nav#3: Tag Section, Article, Aside e Time#4: Compatibilidade com HTML 5#5: Tags de Input#6: Atributo Data#7: Tag Vídeo#8: Tag Audio#9: Placeholder#10: Autofocus#11: Size e MaxLength#12: Required Input#13: AutoComplete#14: Normalize.css#15: Borda Arredondada#16: Degradê#17: Animações#18: Sombras#19: Transições#20: Webkit#21: WordWrap#22: Meta tag (social sharing)#23: Listas de descrição#24: Citações#25: Tag Main#26: Tag Address#27: Tag Figure#28: Exercício: Lista de descrição#29: Exercício: Tag endereço
Módulo 7: 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: Seletores e CSS3
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 9: Projeto: Devsla (Clone do Tesla)
7 aulas
#1: Apresentação do projeto#2: Criando o Projeto#3: Criando o Header 1#4: Criando o Header 2#5: Criando o Main#6: Criando o Footer#7: Deixando Responsivo
Módulo 10: Projeto Awax
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 11: 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 12: 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 13: 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 14: 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)