site 2

site 2

1st Grade

11 Qs

quiz-placeholder

Similar activities

#մայրենինամենուր

#մայրենինամենուր

1st Grade

13 Qs

Diajar Bahasa Sunda

Diajar Bahasa Sunda

KG - Professional Development

10 Qs

Tin học 8 Bài 8. Lặp với số lần chưa biết trước

Tin học 8 Bài 8. Lặp với số lần chưa biết trước

1st Grade

10 Qs

Em vui học

Em vui học

1st Grade

10 Qs

Тест По HTML

Тест По HTML

1st - 11th Grade

10 Qs

Tin học 8 Bài thực hành 3: Khai báo và sử dụng biến

Tin học 8 Bài thực hành 3: Khai báo và sử dụng biến

1st Grade

10 Qs

Bài kiểm tra thường xuyên lần 1 (11/6)

Bài kiểm tra thường xuyên lần 1 (11/6)

KG - 12th Grade

10 Qs

Ôn tập tuần 6 lớp 1

Ôn tập tuần 6 lớp 1

1st Grade

16 Qs

site 2

site 2

Assessment

Quiz

Other

1st Grade

Hard

FREE Resource

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.

font-size:

p {

20px; }

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; }

body {font-size: 16px; }

p { font-size: 20px; }

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; }```

Create a free account and access millions of resources

Create resources
Host any resource
Get auto-graded reports
or continue with
Microsoft
Apple
Others
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?