site 2
Other
1st Grade
AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
11 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Caio está desenvolvendo o código abaixo:
<body>
<h1>Meu projeto escolar</h1>
<p>Tema: programação</p>
</body>
Ele importou a fonte Roboto e quer que ela seja aplicada como fonte em todos os elementos. Qual o comando abaixo é responsável por executar essa ação?
h1 { font-family: "Roboto", sans-serif; }
head { font-family: "Roboto", sans-serif; }
p { font-family: "Roboto", sans-serif; }
body { font-family: "Roboto", sans-serif; }
2.
REORDER QUESTION
1 min • 1 pt
Reordenar o seguinteSilvio está criando um site sobre jogos de tabuleiro e construiu o seguinte código:
<h1>Jogos de tabuleiro</h1>
<p>Dama</p>
<p>Xadrez</p>
Agora ele quer aumentar o tamanho da fonte dos nomes dos jogos. Ordene todos os blocos para montar o trecho de código que executa o aumento de fonte.
20px; }
font-size:
p {
3.
REORDER QUESTION
1 min • 1 pt
Reordenar o seguinteLucas está refinando a estética do seu site e decidiu que os títulos principais precisam ser maiores para chamar mais atenção e os parágrafos precisam ser menores.
Analise os blocos abaixo e ordene-os de acordo com as hierarquias das tags e também na importância dos elementos, seguindo maior hierarquia e importância.
h1 { font-size: 40px; }
p { font-size: 20px; }
body {font-size: 16px; }
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Agora que já sabemos incluir imagens clicáveis, vamos ajustar o layout para que as elas fiquem dispostas horizontalmente e tenham um espaçamento entre elas.
A partir do código base abaixo, qual é a maneira correta de organizar o layout usando um display flexível?
<section class="categoria">
<h2>Filmes e séries</h2>
<div class="categoria-videos"> </div>
</section>
.categoria-videos { display: flex; overflow-x: auto; gap: 10px; }
.categoria-videos { display: grid; grid-gap: 10px; }
.categoria-videos { display: inline; margin: 10px; }
.categoria-videos { display: block; padding: 10px; }
5.
REORDER QUESTION
1 min • 1 pt
Reordenar o seguinteLívia tem um site sobre pontos turísticos no Brasil e quer divulgar o Museu Oscar Niemeyer em seu site através de um hiperlink.
Qual deve ser a ordem dos blocos em HTML necessários para referenciar o site do museu em sua página?
Museu Oscar Niemeyer
</a>
<a href="http://www.museuoscarniemeyer.org.br/">
6.
REORDER QUESTION
1 min • 1 pt
Ao criar três itens em uma página, o HTML por padrão alinha eles um embaixo do outro.
<body>
<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
</body>
Organize a sequência de blocos abaixo para:
Alterar a forma de visualização de vertical (um embaixo do outro) para horizontal, sendo um ao lado do outro;
Criar um espaçamento em seguida de 10px entre os itens.
body {
}
display: flex;
gap: 10px;
7.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Durante a construção de uma página é possível utilizar o mouse para clicar em diversos links. Uma maneira de deixar nossa página mais atrativa é dando destaque em itens em que o cursor do mouse está em cima do mesmo.
<section class="categoria">
<h2>Filmes e séries</h2>
<div class="categoria-videos">
<img src="video1.jpg" alt="Vídeo 1">
<img src="video2.jpg" alt="Vídeo 2">
<img src="video3.jpg" alt="Vídeo 3">
</div>
</section>
A partir do código base acima, qual é a maneira correta de destacar a imagem ao passar o mouse usando CSS?
Alternativa correta
.categoria
.categoria-videos img { display: block; } .categoria-videos img:hover { opacity: 1.0; }
img { opacity: 0.5; } img:hover { display: none; }```
h2 img { opacity: 1.0; } h2 img:hover { opacity: 0.5; }```
.categoria-videos img { opacity: 0.5; } .categoria-videos img:hover { opacity: 1.0; }```
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports
Continue with Google
Continue with Email
Continue with Classlink
Continue with Clever
or continue with
Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
12 questions
Auta
Quiz
•
1st - 11th Grade
10 questions
Co to za samochód???
Quiz
•
KG - Professional Dev...
11 questions
Математика 1 класс
Quiz
•
1st Grade
13 questions
CAR & LOGO
Quiz
•
KG - 12th Grade
10 questions
ILP 2018_Mini test ngay 4_2022.06
Quiz
•
1st Grade
15 questions
Saugumas internete
Quiz
•
1st - 6th Grade
13 questions
Quizizz Formación Camel Argumentario (Atracción-Retención)
Quiz
•
1st - 3rd Grade
10 questions
Ôn tập Python
Quiz
•
1st Grade
Popular Resources on Wayground
7 questions
History of Valentine's Day
Interactive video
•
4th Grade
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
22 questions
fractions
Quiz
•
3rd Grade
15 questions
Valentine's Day Trivia
Quiz
•
3rd Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
Discover more resources for Other
12 questions
Presidents' Day
Quiz
•
KG - 5th Grade
20 questions
Telling Time to the Hour and Half hour
Quiz
•
1st Grade
10 questions
Exploring Rosa Parks and Black History Month
Interactive video
•
1st - 5th Grade
6 questions
President's Day
Lesson
•
1st Grade
10 questions
Identifying Physical and Chemical Changes
Interactive video
•
1st - 5th Grade
7 questions
Lunar and Chinese New Year for Kids | Bedtime History
Interactive video
•
1st - 12th Grade
10 questions
Presidents Day
Interactive video
•
1st - 5th Grade
15 questions
Making Inferences
Quiz
•
1st - 3rd Grade