Font size
WorksheetsARec AV1 - 3º ano EM + particip + alura) - HTML e CSS
Total questions: 25
Worksheet time: 16mins
O que o código HTML especifica na tag <title>?
A cor de fundo da página
O nome da escola
O título da página que será exibido na aba do navegador
O nome do professor
Qual a função do arquivo style.css no código?
Contém as regras de JavaScript
Estiliza a página HTML
Carrega as imagens
Exibe o círculo na tela
O que o código dentro da tag <script src="script.js"> faz?
Adiciona estilo ao botão.
Cria o botão na página.
Define o comportamento interativo da página com JavaScript. (conecta)
Adiciona a imagem do professor.
Qual é o efeito do botão quando o mouse passa por cima dele (no site que criamos)?
A cor do botão muda e o botão cresce um pouco
A página é recarregada
O fundo da página muda de cor
O círculo desaparece
Onde o círculo será desenhado quando o botão for clicado (Referente ao site criado)?
No cabeçalho da página
Em uma nova janela
Na área indicada pela div com id circulo-container
Qual o tamanho da imagem conforme código do site?
100px por 100px
150px por 150px
200px por 200px
250px por 250px
O que acontece quando o botão é clicado (No site desenvolvido)?
A página é redirecionada
O círculo é desenhado
O título da página é alterado
A foto do professor desaparece
Qual a propriedade CSS que define o formato do botão (Se baseando no site desenvolvido)?
border-radius
background-color
padding
display
Para que serve a tag <!DOCTYPE html>
Para indicar que é um site.
Para dizer que o documento é HTML.
Para indicar um endereço.
Para desenvolver um texto.
O que acontece se o código JavaScript falhar ao desenhar o círculo (Observações do site desenvolvido)?
O botão não funciona mais
O círculo não será desenhado, mas a página continua funcionando
A página será fechada
Um erro será exibido no rodapé
O que indica a tag <meta charset="UTF-8">?
São os caracteres utilizados na línguagem html para criar o site
Indica uma liga extraordinária.
É um código binário citando de maneira geral um endereço.
Só está no código para ficar mais bonito.
O que o código JavaScript faz ao executar o método "circuloContainer.style.display = 'block';" (Código do site desenvolvido)?
Torna o container visível
Faz com que o container do
círculo se torne visível na página.
Adiciona um círculo dentro do container
Aumenta o tamanho do container
Qual o nome do arquivo que contém o código JavaScript?
index.js
script.js
app.js
main.js
O que a tag <header> faz?
Altera o rodapé do site.
Cria movimentos no site.
Estiliza o cabeçalho.
Desenvolve imagens 3D no site.
Como o botão é estilizado no CSS?
Com fundo azul e bordas quadradas
Com fundo verde e bordas arredondadas
Com fundo vermelho e bordas quadradas
Com fundo amarelo e bordas arredondadas
O que o código a seguir faz? <link rel="stylesheet" href="style.css">:
Cria um novo círculo no HTML
Vincula o arquivo html ao estyle.css.
Muda a cor do arquivo style.css.
Aplica movimento ao site através do style.css.
O que é exibido ao lado da foto do professor na página?
O nome do professor
O título "SOU PROFESSOR DE MATEMÁTICA"
O link para um vídeo
O endereço da escola
O que significa o comando (tag) <body> no código html?
É a borda do site.
É o rodapé do site.
É o corpo do site.
É o cabeçalho do site.
Combine o seguinte:
É A PELE DO SITE.
É O ESQUELETO DO SITE.
É O MOTOR DO SITE.
O que o código do css faz no site?
O CSS garante que a página tenha um design moderno, com efeitos visuais
agradáveis no botão e na estrutura.
O CSS não garante que a página tenha um design moderno, com efeitos visuais
agradáveis no botão e na estrutura.
O CSS garante que a página tenha um bom movimento, sem efeitos visuais
agradáveis no botão e na estrutura.
O css é o esqueleto do site.
o que o comando: " <button id="btn">Clique para desenhar o círculo</button>: ", faz?
O local onde o círculo será
desenhado dinamicamente pelo JavaScript.
Vincula o arquivo CSS
(style.css) para estilizar a página.
Adiciona
um botão que, ao ser clicado, chamará o script para desenhar o círculo.
Aplica o estilo no corpo da página, usando uma fonte simples, com fundo
claro, centralizando o conteúdo na tela.
O que o comando: " #circulo-container: ", cria no primeiro site de 2025?
Aplica o estilo no corpo da página, usando uma fonte simples, com fundo
claro, centralizando o conteúdo na tela.
Vira um circulo.
Vincula o arquivo CSS
(style.css) para estilizar a página.
O local onde o círculo será desenhado. Inicialmente, está
escondido (display: none).
Qual é a função da tag <footer> em um documento HTML?
Estiliza o corpo do site
Adiciona um botão na página
Cria um rodapé para o site
Define o cabeçalho do site
O que acontece se o arquivo style.css não for vinculado corretamente ao HTML?
O círculo não será desenhado
A página será exibida sem estilo
O JavaScript não funcionará
A página não será carregada
Qual é o propósito do atributo 'id' em um elemento HTML?
Adicionar um evento de clique
Estilizar o elemento com CSS
Definir o conteúdo do elemento
Identificar o elemento de forma única
