Quiz de Programação Front-End

Qual é a função principal do HTML em uma página web?

• Estilizar o conteúdo da página

• Estruturar o conteúdo da página

• Melhorar o desempenho do site

• Garantir a acessibilidade

Answer explanation

A função principal do HTML é estruturar o conteúdo da página, organizando elementos como textos, imagens e links. As outras opções, como estilização e acessibilidade, são funções de CSS e práticas de design, respectivamente.

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

• color

• font-size

• background-color

• border-color

Answer explanation

A propriedade CSS usada para alterar a cor de fundo de um elemento é 'background-color'. As outras opções, como 'color' e 'border-color', referem-se a diferentes aspectos de estilo, mas não alteram o fundo.

O que significa design responsivo?

• Design que responde a interações do usuário

• Design que se adapta a diferentes tamanhos de tela

• Design que carrega rapidamente

• Design que é acessível a todos

Answer explanation

Design responsivo refere-se a um tipo de design que se adapta a diferentes tamanhos de tela, garantindo uma boa experiência do usuário em dispositivos variados, como smartphones, tablets e desktops.

Qual tag HTML é usada para inserir uma imagem?

• img href

• img rel

• img src

• img head

Answer explanation

A tag HTML usada para inserir uma imagem é img src. Ela permite que você defina um caminho de imagem a ser configurado. As outras opções não têm essa funcionalidade.

Qual é a finalidade do atributo `alt` em uma tag ``?

• Alterar o tamanho da imagem

• Fornecer uma descrição textual da imagem

• Definir a posição da imagem

• Aplicar um filtro à imagem

Answer explanation

O atributo `alt` em uma tag `` serve para fornecer uma descrição textual da imagem. Isso é importante para acessibilidade, pois permite que usuários com deficiência visual entendam o conteúdo da imagem.

Qual técnica é usada para melhorar o desempenho de um site?

• Usar imagens de alta resolução

• Minimizar arquivos CSS e JavaScript

• Adicionar mais animações

• Aumentar o número de plugins

Answer explanation

Minimizar arquivos CSS e JavaScript reduz o tamanho dos arquivos que o navegador precisa carregar, melhorando assim o tempo de carregamento e o desempenho do site. As outras opções podem até prejudicar o desempenho.

Qual unidade de medida é relativa ao tamanho da fonte do elemento pai em CSS?

• px

• em

• %

• cm

Answer explanation

A unidade 'em' é relativa ao tamanho da fonte do elemento pai em CSS, permitindo que o tamanho da fonte seja escalável e adaptável ao contexto. As outras opções, como 'px' e 'cm', não são relativas ao elemento pai.

Qual é a importância da acessibilidade web?

• Melhorar a estética do site

• Garantir que todos os usuários possam acessar o conteúdo

• Aumentar a velocidade de carregamento

• Facilitar a navegação apenas para desenvolvedores

Answer explanation

A acessibilidade web é crucial para garantir que todos os usuários, independentemente de suas habilidades ou deficiências, possam acessar e interagir com o conteúdo online. Isso promove inclusão e igualdade na experiência digital.

Qual propriedade CSS é usada para criar espaço entre o conteúdo de um elemento e sua borda?

• margin

• padding

• border

• spacing

Answer explanation

A propriedade CSS 'padding' é utilizada para criar espaço entre o conteúdo de um elemento e sua borda, enquanto 'margin' cria espaço fora do elemento. Portanto, a resposta correta é 'padding'.

Qual é a tag HTML correta para criar um parágrafo?

• <p>

• <h1>

• <b>

• <title>

Answer explanation

A tag HTML correta para criar um parágrafo é <p>. As outras opções, como <h1> têm funções diferentes para títulos e para cabeçalhos.