Quiz - Web Standards

Prévia do material em texto

• Pergunta 1 
1 em 1 pontos 
 
Cada elemento possui seu próprio nome, que é dado de forma semântica, ou seja, tem relação 
direta com a função que desempenha. Mas existem elementos que assumem um segundo 
nome, que é mais conceitual. É o caso do termo container. Assinale a opção que explique por 
que um elemento é chamado de container. 
 
Resposta Selecionada: 
Porque ele tem a função de abrigar todo ou parte do conteúdo da página. 
Respostas: Porque ele tem o formato de uma caixa. 
 
Porque ele tem a função de abrigar todo ou parte do conteúdo da página. 
 Porque ele é responsivo. 
 Porque ele segue os web standards. 
 Todas as opções são corretas 
Comentário da 
resposta: 
Resposta correta: b. Porque ele tem a função de abrigar todo ou parte do 
conteúdo da página. 
Acabamos por chamá-lo de container, porque ele assume a função de abrigar 
o conteúdo da página. 
 
 
• Pergunta 2 
1 em 1 pontos 
 
No jQuery é importante que desenvolvedores adotem boas práticas no código, não apenas para 
facilitar a manutenção, como também para evitar erros durante a execução. Assinale a 
alternativa que explique a finalidade deste trecho do código: $(document).ready 
 
Resposta 
Selecionada: 
 
Fazer com que o código seja lido somente após a página ter terminado de 
carregar. 
Respostas: Verificar se o documento é compatível com a biblioteca jQuery, antes de 
executar o código. 
 
 
Fazer com que o código seja lido somente após a página ter terminado de 
carregar. 
 Verificar se o navegador é compatível com a biblioteca jQuery, antes de 
executar o código. 
 
 Permitir que o código seja executado antes mesmo de a página ser 
carregada, para otimizar tempo e deixar o site mais rápido. 
 
Todas alternativas estão corretas. 
Comentário da 
resposta: 
Resposta correta: b. Fazer com que o código seja lido somente após a 
página ter terminado de carregar. 
Antes de pensar no código, você precisa lembrar que a página deve terminar 
de ser carregada, para, só depois, executar qualquer código jQuery. 
Para resolver essa questão, existe o evento Document Ready. 
 
• Pergunta 3 
1 em 1 pontos 
 
Existem algumas tags que não podem ser repetidas em uma página. É o caso, por exemplo, da 
tag , que representa a própria página e não pode haver uma cópia. Das tags listadas abaixo, 
indique qual não pode ser repetida no código da página: 
 
Resposta Selecionada: 
<main> 
Respostas: 
<main> 
 <div> 
 <section> 
 <article> 
 <link> 
Comentário da 
resposta: 
Resposta correta: a. <main> 
Só pode existir uma tag <main> na página, e ela nunca deve ser uma tag filha 
das tags <section>, <article>, <nav>, <footer>, <header> e <aside>. 
 
 
• Pergunta 4 
1 em 1 pontos 
 
O Flexbox permite mudarmos a direção dos itens de um container, usando apenas a propriedade 
flex-direction. Assinale a alternativa que corresponda a todos os valores dessa propriedade. 
 
Resposta Selecionada: 
row, row-reverse, column, column-reverse. 
Respostas: 
row, row-reverse, column, column-reverse. 
 left, right, top, bottom 
 
 
up, down, left, right 
 frontend, backend 
 row, column 
Comentário da 
resposta: 
Resposta correta: a. row, row-reverse, column, column-reverse 
Para alterar a direção dos itens, usamos a propriedade flex-direction na mesma 
classe do container. E só existem 4 opções possíveis: row, row-reverse, column, 
column-reverse. 
 
• Pergunta 5 
1 em 1 pontos 
 
Na linguagem HTML, temos as tags, que são marcações que indicam, para o navegador, como a 
informação deve ser exibida. Mas existem situações em que é preciso uma informação 
complementar. 
Essas informações são chamadas de atributos. Por exemplo: a tag <form> serve para enviar 
informações de um formulário, mas é o atributo "action" que determina para onde essas 
informações serão enviadas. Qual o atributo que indica qual página deve ser exibida no 
navegador quando o usuário clicar no link? 
 
Resposta Selecionada: 
href 
Respostas: src 
 charset 
 lang 
 
href 
 https 
Comentário da 
resposta: 
Resposta correta: d. href 
O atributo href (hiperlink reference) é o que vai indicar para onde o 
navegador deve ir quando o usuário clicar no link. 
 
 
• Pergunta 6 
1 em 1 pontos 
 
Na linguagem HTML, existem muitos recursos que servem para situações que vão além de, 
simplesmente, criar páginas web. É o caso de metas tags para padronização de caracteres, ou 
de acessibilidade, ou para permitir que robôs de busca possam ler o conteúdo. No caso do 
atributo alt , é correto afirmar que sua função é: 
 
Resposta 
Selecionada: 
 
Permitir que programas de leitura de tela possam narrar o contexto da 
imagem. 
Respostas: Evitar conflitos de caracteres internacionais. 
 Fazer os robôs de busca posicionarem o site na primeira página. 
 
 
Permitir que programas de leitura de tela possam narrar o contexto da 
imagem. 
 
Permitir que os links saibam qual página deve ser aberta. 
 Facilitar a visualização do site em dispositivos mobile, sem distorção do 
layout. 
Comentário da 
resposta: 
Resposta correta: c. Permitir que programas de leitura de tela possam narrar 
o contexto da imagem. 
Aplicativos leitores de tela podem ler a descrição inserida no atributo alt. Isso 
ajuda pessoas com deficiência visual a terem uma ideia do que contém a imagem 
exibida. 
 
 
• Pergunta 7 
1 em 1 pontos 
 
O Bootstrap trabalha com muitas classes CSS, mas para que alguns recursos funcionem 
adequadamente, também é preciso fazer uso de atributos do HTML. No caso do atributo data-
target, usado em uma barra de navegação, assinale a alternativa que indique sua finalidade. 
 
Resposta Selecionada: 
Exibir a lista de menu, cujo ID é igual ao valor do data-target. 
Respostas: Garantir acessibilidade para leitores de tela. 
 Exibir o menu com o formato de sanduíche. 
 
Exibir a lista de menu, cujo ID é igual ao valor do data-target. 
 Exibir a barra de navegação na horizontal. 
 Indicar qual a URL deve ser aberta ao clicar no item do menu. 
Comentário da 
resposta: 
Resposta correta: c. Exibir a lista de menu, cujo ID é igual ao valor do data-
target. 
indica que, ao clicar, ele deve exibir o objeto que possui o ID com o mesmo 
nome do valor desse atributo.Data-target 
 
 
• Pergunta 8 
1 em 1 pontos 
 
É possível utilizar o jQuery para alterar o conteúdo e o estilo da página. Assinale a alternativa que 
tenha um código que altera o estilo de uma tag. 
 
Resposta Selecionada: 
$("p").css("background-color","red"); 
Respostas: $(".cor").hide(); 
 $(".estilo").show(); 
 
$("p").css("background-color","red"); 
 $(" #color").html("background-color:red"); 
 $("#color").click(); 
Comentário da 
resposta: 
Resposta correta: c. $(“p”).css(“background-color”,”red”); 
Além de podermos modificar a estrutura de uma página, também podemos 
modificar o estilo. A sintaxe do código é bem simples. 
$("seletor").css("propriedade", "valor"); 
 
 
• Pergunta 9 
1 em 1 pontos 
 
Até a versão HTML4 e a versão paralela, conhecida como XHTML, não havia como distinguir 
cada área da página. O parágrafo de um artigo e a frase de direitos autorais do rodapé, ambos 
eram escritos com a tag <p>, dentro de tags <div>. Porém, com a criação da versão HTML5 e o 
conceito de código semântico, surgiram tags para indicar áreas da página, como o rodapé, a 
barra lateral, o artigo etc. Qual a tag para indicar o conteúdo do cabeçalho, como o logo, o menu 
etc? 
 
Resposta Selecionada: 
<header> 
Respostas: 
<header> 
 <main> 
 margin-top 
 <footer> 
 <section> 
Comentário da 
resposta: 
Resposta correta: a. <header> 
 
A tag <header> serve para conter o conteúdo que tende a ficar no cabeçalho, 
como logo, campo de pesquisa, menu principal. 
 
• Pergunta 10 
1 em 1 pontos 
 
Um recurso que não era tão simples fazer e que o Bootstrap tornou muito fácil é o dropdown. 
Assinale a alternativaque melhor define o que é dropdown. 
 
Resposta 
Selecionada: 
 
Um menu em que, ao clicá-lo, exibe uma lista. 
Respostas: Nome de uma propriedade CSS usada para alterar a direção dos itens de 
um menu. 
 
Um menu em que, ao clicá-lo, exibe uma lista. 
 Um botão que possui o formato de uma bala. 
 Uma barra de navegação posicionada na parte inferior do container. 
 Nome de uma propriedade CSS exclusiva para campos de texto. 
Comentário da 
resposta: 
Resposta correta: b. Um menu que, ao clicar, exibe uma lista. 
O conceito de menu suspenso, conhecido no Bootstrap como “dropdown”, é 
simular o mesmo comportamento da caixa de combinação construída 
em softwares de desenvolvimento em que, ao clicá-la, exibe uma lista