Worksheets📘 Aula 26 – Força da senha (HTML e CSS)
Total questions: 15
Worksheet time: 8mins
Name
Class
Date
1.
1. Qual é o objetivo principal da barra de força da senha?
a)
A) Indicar quantas senhas foram geradas
b)
B) Exibir a complexidade da senha criada
c)
C) Mostrar o número de checkboxes ativos
d)
D) Calcular o tamanho da senha
2.
2. Quantas categorias de força são exibidas no projeto?
a)
A) Duas
b)
B) Quatro
c)
C) Três
d)
D) Cinco
3.
3. Qual elemento HTML é usado para criar a barra visual?
a)
A)
b)
B)
c)
C)
d)
D)
4.
4. Como as cores das barras indicam a força da senha?
a)
A) Vermelho = fraca, amarelo = média, verde = forte
b)
B) Azul = forte, verde = fraca, vermelho = média
c)
C) Roxo = forte, laranja = média, azul = fraca
d)
D) Amarelo = fraca, vermelho = média, verde = forte
5.
5. Como se chama a classe CSS comum usada para padronizar as barras?
a)
A) .senha
b)
B) .barra
c)
C) .forca
d)
D) .nivel
6.
6. Qual comando CSS sobrepõe uma barra colorida à barra de fundo?
a)
A) border
b)
B) position: relative + bottom
c)
C) display: block
d)
D) margin: auto
7.
7. Qual é a altura da barra definida no CSS?
a)
A) 15px
b)
B) 10px
c)
C) 30px
d)
D) 50px
8.
8. O que representa a largura de 25% na classe .fraca?
a)
A) A senha é completa
b)
B) A senha tem quatro caracteres
c)
C) A senha está fraca
d)
D) A barra de fundo está completa
9.
9. Qual é a cor hexadecimal da barra fraca?
a)
A) #E71B32
b)
B) #FAF408
c)
C) #00FF85
d)
D) #000000
10.
10. A classe .media tem qual largura definida?
a)
A) 25%
b)
B) 50%
c)
C) 75%
d)
D) 100%
11.
11. O que acontece se esquecer de adicionar a classe .forca no HTML?
a)
A) A senha é gerada incorretamente
b)
B) A barra colorida não aparece
c)
C) O projeto não salva
d)
D) A página recarrega sozinha
12.
12. Qual código de cor representa uma senha forte?
a)
A) #00FF85
b)
B) #E71B32
c)
C) #FAF408
d)
D) #FFFFFF
13.
13. Qual estrutura CSS alinha os textos "Fraca", "Média" e "Forte" em linha?
a)
A) display: block
b)
B) flex-direction: column
c)
C) display: flex
d)
D) float: left
14.
14. O que a propriedade justify-content: space-between; faz?
a)
A) Alinha todos os elementos à direita
b)
B) Junta os elementos
c)
C) Distribui os elementos com espaço igual entre eles
d)
D) Centraliza todos os elementos
15.
15. Qual o desafio final proposto nesta aula?
a)
A) Apagar a barra de força
b)
B) Mudar as cores e personalizar os rótulos
c)
C) Usar apenas a cor azul
d)
D) Adicionar senhas salvas
100 %
