wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Torta na cara - 1° ano Senac

Total questions: 28

Worksheet time: 2hrs 20mins

Name
Class
Date
1.

Existe diferença entre as tags do HTML?

a)

Não, todas servem para marcar conteúdo

b)

Não, todas servem para marcar conteúdo

c)

Sim, cada tag tem uma responsabilidade e um significado

d)

Depende do navegador

2.

Qual é a marcação correta em HTML para transformar “Café do Mercado” em título e o restante do texto em dois parágrafos? Selecione uma alternativa.

a)

<h1>Café do Mercado<h1> <p>Tradição em preço baixo e qualidade. Localizado no coração da cidade.<p>

b)

<p>Café do Mercado</p> <h1>Tradição em preço baixo e qualidade.</h1> <h1>Localizado no coração da cidade.</h1>

c)

<h1>Café do Mercado</h1> <p>Tradição em preço baixo e qualidade.</p> <p>Localizado no coração da cidade.</p>

d)

<h>Café do Mercado</h> <p>Tradição em preço baixo e qualidade.</p> <p>Localizado no coração da cidade.</p>

3.

Como podemos destacar um texto em negrito no HTML?

a)

<bold>Texto em negrito</bold>

b)

<strong>Texto em negrito</strong>

c)

<b>Texto em negrito</b>

4.

Qual é a importância da tag DOCTYPE em uma página HTML?

a)

Indicar que se trata de um documento HTML

b)

Definir a versão do HTML utilizada na página

c)

Organizar o conteúdo da página

d)

Estilizar o HTML

5.

Qual é a principal razão para utilizar o charset="UTF-8" em um site?

a)

Para garantir que o conteúdo seja exibido corretamente em diferentes idiomas.

b)

Para facilitar a escrita em caracteres especiais.

c)

Para melhorar a velocidade de carregamento da página.

d)

Para garantir que o site seja compatível apenas com navegadores modernos.

6.

Qual é a função da tag <title> em uma página HTML?

a)

Indicar o título da página exibido na aba do navegador

b)

Definir o título do parágrafo no corpo da página

c)

Controlar o estilo de fonte do texto na página

d)

Adicionar uma imagem de fundo à página

7.

O que significa a sigla HTML? Selecione duas opções:

a)

hyper text marketing language

b)

Linguagem de marcação de Hipertexto

c)

Linguagem de maketing de Hipertexto

d)

hyper text markup language

8.

Qual é a forma correta de definir o idioma de um documento HTML?

a)

<lang="en">

b)

<language="en">

c)

<html lang="en">

d)

<doc-language="en">

9.

Dadas as seguintes tags HTML:

1) <!DOCTYPE>

2) <html>

3) <head> e <body>

Na estrutura de uma página HTML, qual das tags acima é necessária?

a)

As tags <head> e <body>

b)

Todas as tags mencionadas acima.

c)

A tag <!DOCTYPE>

d)

A tag <html>

10.

O que fazer quando o seu site tem um logo, e ele é a primeira coisa que você quer exibir para os seus usuários?

a)

<h1> <img src=""> </h1>

b)

<h1 img=""> </h1>

c)

<img> <h1 src=""> </h1> </img>

d)

<h1 src=""> </h1>

11.

Qual destes elementos está presente em nosso cabeçalho?

a)

Produtos.

b)

Preço.

c)

Logomarca.

d)

Diferenciais da Barbearia.

12.

A tag <a> de ancoragem é utilizada para direcionar um texto ou uma imagem para outra página. Entretanto, existem atributos responsáveis por executar o download de um arquivo, direcionar uma URL, entre outras funções. Pensando nisso, com que objetivo devemos usar o atributo href?

a)

Para indicar o destino a que um link deve nos levar.

b)

Para estilizar um elemento de nossa página no CSS.

c)

Para criar uma lista de links.

d)

Para adicionar uma imagem à página.

13.

No último vídeo, conhecemos a tag <a>. Para quê ela serve?

a)

Para marcar um conteúdo alternativo

b)

Para marcar o início de um parágrafo.

c)

Para marcar uma âncora para o usuário parar de rolar a página

d)

Para marcar uma âncora para outro ponto na internet

14.

Qual a propriedade que usamos para deixar o conteúdo do meu texto em maiúsculo?

a)

font-weight: bold

b)

text-transform: uppercase

c)

text-decoration: none

15.

o que que o reset CSS faz?

a)

Ele é um arquivo de CSS, que limpa tudo o que o desenvolvedor cria

b)

Ele é um arquivo de CSS, que cria estilizações para o navegador

c)

Ele é um arquivo de CSS, que limpa tudo o que o navegador cria

d)

Ele é um arquivo de CSS, que cria estilizações para o desenvolvedor

16.

Por que precisamos tirar os estilos que o navegador cria automaticamente?

a)

Para que o nosso estilo criado não seja influenciado pelo estilo que o navegador adiciona

b)

Não precisamos, pois o navegador só adiciona o que vai nos ajudar

c)

Não precisamos, pois o navegador está correto

d)

Para que o nosso estilo criado seja influenciado pelo estilo que o navegador adiciona

17.

Para que serve o posicionamento absolute?

a)

Para poder adicionar margin e padding a ele

b)

Para poder deslocar o elemento

c)

Para poder alterar os tamanhos das letras de um parágrafo

d)

Para mudar a posição do ponto inicial que ele se encontra

18.

Qual a melhor técnica para alinhar uma div ao centro?

a)

Calcular a largura que resta e dividir por dois

b)

Usar o cálculo da margin automático

c)

Usar o text-align: center

d)

Usar o font-weight: bold;

19.

Por que devemos usar as tags semânticas, como a <main>?

a)
Para adicionar mais complexidade ao código HTML.
b)
Para dificultar a leitura do documento pelos usuários.
c)
Para reduzir a compatibilidade com diferentes navegadores.
d)
Para melhorar a acessibilidade e a estrutura do documento HTML.
20.

Qual propriedade CSS é usada para alterar a cor de fundo de um elemento?

a)

color

b)

background-color

c)

font-color

d)

bg-color

21.

Qual é a função do display: flex no CSS?

a)

Alinhar elementos em uma grade

b)

Alinhar elementos em uma linha ou coluna

c)

Esconder elementos

d)

Alterar a cor dos elementos

22.

Quando tenho uma lista com itens complexos, qual a formatação correta?

a)

<li>

<h2>Cabelo</h2> <p>R$ 40,00</p>

</li>

b)

<h2>

<li>Cabelo</li>

</h2>

<p>

<li>R$ 40,00</li>

</p>

c)

<li>

<h2>Cabelo</h2>

</li>

<li>

<p>R$ 40,00</p>

</li>

d)

</li>

<h2>Cabelo</h2>

</li>

</li>

<p>R$ 40,00</p>

</li>

23.

Como se comporta um elemento que tem o seu display com o valor inline-block?

a)

Com somente o tamanho fixo do seu conteúdo

b)

Como um bloco, ocupando 100% da largura da página

c)

Ocupando somente aquela determinada linha da página

d)

Com o tamanho do seu conteúdo, mas regulável

24.

Qual o comportamento do elemento quando adiciono espaçamento interno, o padding?

a)

O elemento aumenta o seu tamanho, até um limite de 20%

b)

O elemento aumenta o seu tamanho

c)

O elemento espreme o conteúdo, mantendo a largura

d)

O elemento aumenta o seu tamanho, até um limite de 50%

25.

Quando adiciono a seguinte declaração de borda:

border: 3px solid #000000;

Qual o comportamento esperado?

a)

Uma borda solida, com 3 pixels de largura, antes do padding e da margin

b)

Uma borda solida, com 3 pixels de largura, após o padding e a margin

c)

Uma borda solida, com 3 pixels de largura, entre o padding e a margin

26.

Como usar o CSS para fazer os desenhos de cantos arredondados das bordas?

a)

Ao declarar uma borda, ao invés de usar o tipo solid, podemos usar o tipo border-radius

b)

Usando a propriedade border-radius

c)

Não existe essa possibilidade. Devemos usar uma imagem de fundo com o o desenho esperado

27.

Em quais elementos consigo alterar o seu visual através do seu comportamento com CSS?

a)

Só em elementos de texto consigo alterar o comportamento

b)

Não consigo somente com CSS, preciso de JavaScript

c)

Todos os elementos

28.

Quando podemos utilizar o comportamento do hover em um elemento?

a)

Quando queremos realçar alguma característica quando o usuário estiver rolando a página

b)

Quando queremos realçar alguma característica quando o mouse do usuário estiver por cima do elemento

c)

Quando queremos realçar alguma característica quando o mouse do usuário estiver clicando no elemento