WorksheetsAV2 - Terceiro Trimestre
Total questions: 20
Worksheet time: 10mins
Grace está preenchendo um formulário online que possui o seguinte campo: <input type="text" id="nome" required minlength="3">. O que acontece se ela digitar apenas 2 caracteres e tentar enviar o formulário?
O formulário é enviado normalmente
O navegador impede o envio e exibe uma mensagem automática
O campo é apagado automaticamente
Nada acontece, o atributo minlength não funciona sozinho
Harper está desenvolvendo um site para uma biblioteca local e quer garantir que pessoas com deficiência visual possam compreender o conteúdo das imagens usando leitores de tela. Qual atributo Harper deve usar para descrever as imagens?
alt
title
aria-read
label
Aria está criando um site e precisa garantir que os caracteres especiais, como acentos, sejam exibidos corretamente para todos os visitantes. Qual opção descreve corretamente a função do elemento <meta charset="UTF-8"> que ela deve usar?
Define o tamanho da fonte padrão
Define o idioma da página
Define o conjunto de caracteres suportado
Define o estilo visual do documento
Sophia está desenvolvendo o site de uma padaria e deseja garantir que cada parte do conteúdo seja claramente identificada e compreendida por outros desenvolvedores. Qual elemento ela deve usar para indicar uma seção semântica da página?
<div>
<section>
<span>
<br>
David está criando um blog em HTML5 e deseja adicionar uma postagem que seja independente do restante do conteúdo da página. Qual elemento ele deve usar para representar essa postagem?
<aside>
<article>
<header>
<footer>
Charlotte está criando um site para uma loja online e deseja estilizar os elementos usando CSS. Ela escreveu o seguinte código CSS:
.container div {
color: blue;
}
.container > div {
color: red;
}
E o HTML:
<div class="container">
<div>Texto 1</div>
<section><div>Texto 2</div></section>
</div>
Quais cores os textos terão?
Texto 1 azul / Texto 2 azul
Texto 1 vermelho / Texto 2 azul
Texto 1 azul / Texto 2 vermelho
Texto 1 vermelho / Texto 2 vermelho
Isla está decorando uma caixa de presente. Ela quer aumentar o espaço ENTRE o presente (conteúdo) e a borda da caixa. Qual propriedade do modelo de caixa (box model) ela deve ajustar?
margin
padding
border
outline
No escritório, Hannah está organizando cadeiras em uma sala de reunião usando Flexbox. Ela usa o comando justify-content: space-between;. O que acontece com as cadeiras?
Distribui as cadeiras igualmente com espaços ao redor
Centraliza as cadeiras no eixo principal
Coloca a primeira cadeira no início e a última no fim, com espaços entre as demais
Deixa todas as cadeiras coladas uma na outra
William está desenvolvendo o site de uma padaria e precisa definir a área onde os clientes poderão navegar entre as páginas de produtos, contato e sobre. Qual elemento HTML ele deve usar?
<footer>
<nav>
<main>
<aside>
Olivia está decorando sua sala e decide colocar um tapete embaixo de uma mesa. Ela quer saber qual propriedade do modelo de caixa (box model) define o espaço EXTERNO à borda da mesa, ou seja, o espaço entre a borda da mesa e outros objetos na sala. Qual propriedade ela deve usar?
outline
border
margin
padding
Henry está desenvolvendo um site para um museu e precisa garantir que uma imagem complexa de uma obra de arte seja acessível para todos os usuários, incluindo pessoas com deficiência visual. Qual atributo HTML ele pode usar para fornecer uma descrição detalhada dessa imagem?
alt
title
longdesc
src
Abigail está criando um artigo sobre viagens em seu site. Ela deseja agrupar conteúdo relacionado, como capítulos ou seções dentro desse artigo. Qual elemento HTML Abigail deve utilizar para isso?
<header>
<aside>
<nav>
<section>
Priya está desenvolvendo um aplicativo de compras online. Ela quer garantir que o botão de "Adicionar ao carrinho" seja acessível para pessoas que utilizam leitores de tela. Qual atributo HTML ela pode usar para indicar o propósito desse botão para esses usuários?
alt
aria-label
src
href
Michael está decorando uma moldura para um quadro e quer ajustar a largura da borda ao redor da imagem. No modelo de caixa (box model), qual propriedade ele deve usar para definir a largura da borda?
padding
border-width
margin
outline
Lucas quer colaborar em um projeto de código aberto no GitHub. Qual ação ele deve realizar para sugerir alterações no repositório de outra pessoa?
Criar um fork e abrir um pull request
Enviar um e-mail para o dono do repositório
Editar diretamente o código principal
Deixar um comentário na página principal
Maria deseja clonar um repositório do GitHub para seu computador. Qual comando ela deve usar no terminal?
git init
git commit
git clone
git push
João está revisando o histórico de alterações de um projeto no GitHub. Qual recurso ele deve usar para visualizar todas as modificações feitas no repositório?
Pull requests
Issues
Wiki
Commits
Fernanda está criando um site de receitas e deseja destacar uma área específica com informações extras sobre ingredientes. Qual elemento HTML ela deve usar para separar esse conteúdo do restante da receita?
<nav>
<footer>
<aside>
<main>
Rafael quer visualizar as alterações feitas em um arquivo específico dentro de um repositório Git. Qual comando ele deve usar para ver o histórico desse arquivo?
git status
git add nome-do-arquivo
git log nome-do-arquivo
git diff
Camila está desenvolvendo um formulário de contato e deseja garantir que o campo de e-mail seja preenchido antes do envio. Qual atributo HTML ela deve adicionar ao <input> para tornar esse campo obrigatório?
autofocus
readonly
required
disabled
