NEW
Font size
WorksheetsElementos de Interfaces Gráficas
Total questions: 44
Worksheet time: 22mins
Qual dos seguintes elementos é considerado um elemento visual em uma GUI?
Checkbox
Botão
Mensagem de erro
Campo de formulário
Qual elemento de controle permite a seleção de múltiplas opções?
Radio button
Switch
Checkbox
Dropdown
Qual dos seguintes é um elemento informativo em uma interface de usuário?
Barra de navegação
Tooltip
Deslizador
Card
Qual elemento interativo é usado para enviar informações inseridas pelo usuário?
Botão de envio
Label
Pop-up
Gráfico
Qual dos seguintes é um elemento estrutural em uma interface de usuário?
Cabeçalho
Notificação
Indicador de progresso
Switch
Qual elemento de acessibilidade ajuda usuários com dificuldades visuais?
Dropdown
Alto contraste
Barra de rolagem
Ícone
Qual é o principal objetivo da tipografia em interfaces?
Criar animações
Garantir legibilidade
Melhorar a performance
Adicionar cores
Qual tecnologia de fonte escalável foi desenvolvida pela Microsoft e Adobe?
TrueType (TTF)
OpenType (OTF)
SVG Fonts
WOFF
Qual elemento visual é usado para ajustar valores como volume ou brilho?
Barra de navegação
Deslizador
Campo de formulário
Tooltip
Qual elemento de controle é usado para alternar entre estados como "Ativo" ou "Inativo"?
Checkbox
Radio button
Switch
Dropdown
Qual elemento informativo é exibido ao passar o mouse sobre um elemento?
Mensagem de erro
Tooltip
Notificação
Indicador de status
Qual elemento estrutural permite alternar entre diferentes seções sem sair da página?
Card
Aba
Cabeçalho
Rodapé
Qual é uma vantagem das fontes escaláveis em dispositivos com restrições?
Aumentam o consumo de memória
Garantem legibilidade
Requerem múltiplos arquivos de fonte
Limitam a internacionalização
Qual elemento de acessibilidade permite a navegação sem o uso do mouse?
Tamanhos de fonte ajustáveis
Alto contraste
Navegação por teclado
Leitores de tela
Qual é a importância das fontes escaláveis na era digital?
Proporcionam uma experiência inconsistente
Facilitam o design responsivo
Aumentam a complexidade no desenvolvimento
Limitam o uso em diferentes dispositivos
O que significa a sigla CSS?
Cascading Style Sheets
Computer Style Sheets
Creative Style Sheets
Colorful Style Sheets
Qual propriedade CSS é usada para alterar a cor de fundo de um elemento?
color
background-color
bgcolor
background
Como você pode adicionar um comentário em um arquivo CSS?
// Este é um comentário
/* Este é um comentário */
# Este é um comentário
O que significa a sigla CSS?
Cascading Style Sheets
Computer Style Sheets
Creative Style Sheets
Colorful Style Sheets
Qual propriedade CSS é usada para alterar a cor de fundo de um elemento?
color
background-color
bgcolor
background
Como você pode adicionar um comentário em um arquivo CSS?
// Este é um comentário
/* Este é um comentário */
# Este é um comentário
Qual propriedade CSS é usada para alterar a fonte de um elemento?
font-style
font-weight
font-family
font-size
Qual é a sintaxe correta para selecionar todos os elementos `
` em um arquivo CSS?
p { ... }
.p { ... }
#p { ... }
*p { ... }
Qual propriedade CSS é usada para controlar o espaçamento entre linhas de texto?
line-height
letter-spacing
text-spacing
spacing
Qual propriedade CSS é usada para criar espaço ao redor de um elemento, fora de suas bordas?
padding
margin
border
spacing
Qual propriedade CSS é usada para definir a largura de um elemento?
width
height
size
length
Qual propriedade CSS é usada para definir a opacidade de um elemento?
visibility
transparency
opacity
filter
Qual é a tag HTML correta para criar um link?
<a href="url">
<link href="url">
<a url="url">
<link url="url">
Qual é a tag HTML correta para inserir uma imagem?
<img href="image.jpg">
<img src="image.jpg">
<image src="image.jpg">
<image href="image.jpg">
Qual é a tag HTML correta para criar uma lista ordenada?
<ul>
<ol>
<li>
<list>
Qual é a tag HTML correta para criar um parágrafo?
<p>
<paragraph>
<para>
<text>
Qual é a tag HTML correta para criar um cabeçalho de nível 1?
<h1>
<header>
<head1>
<heading1>
Qual é a tag HTML correta para criar uma tabela?
<table>
<tab>
<tbl>
<t>
Qual é a tag HTML correta para criar uma linha em uma tabela?
<row>
<th>
<row>
<tr>
<td>
Qual é a tag HTML correta para criar uma célula de dados em uma tabela?
<td>
<tr>
<th>
<cell>
Qual propriedade CSS é usada para definir a altura de um elemento?
height
width
size
length
Qual é a tag HTML correta para criar uma lista não ordenada?
<ul>
<ol>
<li>
<list>
Qual propriedade CSS é usada para definir a cor do texto de um elemento?
color
text-color
font-color
text-style
Em HTML5, qual das seguintes tags é semanticamente apropriada para delimitar o conteúdo principal de uma página web, garantindo acessibilidade e boa prática de SEO?
`<div>`
`<section>`
`<main>`
`<header>`
`<footer>`
Qual das seguintes opções é **falsa** em relação ao uso de classes CSS com seletores compostos?
article.intro > p seleciona todos os parágrafos dentro de um artigo com a classe "intro".
div.class1.class2 seleciona todas as divs que possuem ambas as classes "class1" e "class2".
ul li.item:hover aplica o estilo somente quando o usuário passa o mouse sobre um item da lista com a classe "item".
nav > li.active seleciona apenas os itens de lista diretos com a classe "active" dentro de um elemento com a classe "nav".
class1, .class2 seleciona elementos que possuem ambas as classes "class1" e "class2" simultaneamente.
Considere o seguinte trecho de código CSS. Qual será a cor do texto no elemento `h1`?
Azul
Verde
Vermelho
A cor do texto dependerá do escopo do `h1` dentro do DOM
Nenhuma das alternativas anteriores
Qual é o propósito da pseudo-classe `:not()` em CSS, e qual das opções a seguir demonstra seu uso correto?
`input:not([type="text"]) { display: none; }`
`p:not(.important) { font-weight: bold; }`
`h1:not(:first-child) { margin-top: 20px; }`
`div:not(.container) { padding: 0; }`
Todas as alternativas estão corretas
Dado o código abaixo, qual será o valor final de `total`?
10
15
20
5
4
Em HTML5, qual atributo é necessário para garantir que um campo de entrada de formulário seja preenchido antes do envio?
`required`
`mandatory`
`validate`
`essential`
`formrequired`
