Desenvolvimento de Aplicações Distribuídas e WEB I(IL10316) - A2

Prévia do material em texto

22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 1/8
Local: 1001 - EAD - Prédio IV / Andar / Campus Comércio Prédio IV / EAD - UNIDADE COMERCIO 
Acadêmico: 030TDS2AM
Aluno: JOSÉ VICTOR CARDOSO DA SILVA 
Avaliação: A2
Matrícula: 203000032 
Data: 18 de Junho de 2021 - 08:00 Finalizado
Correto Incorreto Anulada  Discursiva  Objetiva Total: 10,00/10,00
1  Código: 36012 - Enunciado: Uma aplicação para a web necessita verificar a validade de um
endereço de e-mail. Para isso, é preciso que a aplicação confirme a digitação dos seguintes
itens:Símbolo de arroba: @. Ao menos um símbolo de ponto: “ . ”. No mínimo 12 caracteres e/ou
dígitos. O e-mail só será validado se os três critérios forem atendidos. Sabe-se que, para realizar
essa operação, o desenvolvedor deve trabalhar com os eventos na linguagem JavaScript para
que, caso o e-mail não esteja correto, a aplicação retorne o foco para o componente responsável
pela digitação do e-mail, identificado como email na propriedade name do componente
input.Com base no exposto, escolha a opção que atende corretamente aos critérios de análise do
e-mail.
 a) function testaEmail(){    var email=document.formulario.email.value;   
 if(email.indexOf(@)>0 && email.indexOf(.)>0 && email.length>=12){        validaEmail=true;    }   
else {       alert("Favor verificar o E-mail ");           document.formulario.email.focus();    }} 
 b) function testaEmail(){    var email=document.formulario.email.value;   
 if(email.indexOf("@")>0 && email.indexOf(".")>0 && email.length>=12){        validaEmail=true;    }   
else {       alert("Favor verificar o E-mail ");        document.formulario.email.setFocus();    }}
 c) function testaEmail(){    var email=document.formulario.email.value;   
 if(email.indexOf("@")>0 && email.indexOf(".")>0 && email.length>=12){        validaEmail=true;    }   
else {       alert("Favor verificar o E-mail ");        document.formulario.email.focus();    }} 
 d) function testaEmail(){    var email=document.formulario.email.value;   
 if(email.indexOf("@")>0 && email.indexOf(".")>0 && email.length>="12"){        validaEmail=true;   
}    else {       alert("Favor verificar o E-mail ");        document.formulario.email.focus();    }} 
 e) function testaEmail(){    var email=document.formulario.email.value;   
 if(email.indexOf(@)>0 && email.indexOf(.)>0 && email.length>="12"){        validaEmail=true;    }   
else {       alert("Favor verificar o E-mail ");        document.formulario.email.setFocus();    }} 
Alternativa marcada:
c) function testaEmail(){    var email=document.formulario.email.value;     if(email.indexOf("@")>0
&& email.indexOf(".")>0 && email.length>=12){        validaEmail=true;    }    else {       alert("Favor
verificar o E-mail ");        document.formulario.email.focus();    }} 
Justificativa: Resposta correta:function testaEmail(){    var
email=document.formulario.email.value;     if(email.indexOf("@")>0 && email.indexOf(".")>0 &&
email.length>=12){        validaEmail=true;    }    else {       alert("Favor verificar o E-mail ");       
document.formulario.email.focus();    }} 
A verificação dos símbolos de @ e . devem ser analisados pela função indexOf entre aspas, uma
vez que são símbolos e, dessa forma, são considerados caracteres. A comparação do tamanho
está correta, pois o tamanho (quantidade de caracteres e/ou dígitos) não deve estar entre aspas,
uma vez que se deve comparar o valor, e não os símbolos. Além disso, foi usado o método correto
para determinar o foco, que é o método focus(), pois  o setFocus(), apresentado em outras
opções, não é um método válido na linguagem JavaScript. 
Distratores:function testaEmail(){    var email=document.formulario.email.value;   
if(email.indexOf(@)>0 && email.indexOf(.)>0 && email.length>=12){        validaEmail=true;    }    else
{       alert("Favor verificar o E-mail ");        document.formulario.email.focus();    }} 
Errada. A verificação dos símbolos de @ e . não estão entre aspas, o que não está correto, uma
vez que são símbolos, considerados caracteres. O tamanho (quantidade de caracteres e/ou
dígitos) está correto, ao não estar entre aspas, uma vez que se deve comparar o valor, e não os
símbolos. Já o método para determinar o foco está correto, o focus(), pois setFocus() não é um
2,00/ 2,00
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 2/8
método válido da linguagem JavaScript. 
function testaEmail(){    var email=document.formulario.email.value;    if(email.indexOf(@)>0 &&
email.indexOf(.)>0 && email.length>="12"){        validaEmail=true;    }    else {       alert("Favor
verificar o E-mail ");        document.formulario.email.setFocus();    }} Errada. A verificação dos
símbolos de @ e . não estão entre aspas, o que não está correto, uma vez que são símbolos,
considerados caracteres. O tamanho (quantidade de caracteres e/ou dígitos) não está correto ao
estar entre aspas, uma vez que se deve comparar o valor, e não os símbolos. Já o evento para a
definição do foco não está correto ao se utilizar o método setFocus(), que não faz parte da
linguagem JavaScript, pois o método correto na linguagem JavaScript é o focus(). 
function testaEmail(){    var email=document.formulario.email.value;     if(email.indexOf("@")>0
&& email.indexOf(".")>0 && email.length>="12"){        validaEmail=true;    }    else {       alert("Favor
verificar o E-mail ");        document.formulario.email.focus();    }} Errada. A verificação dos
símbolos de @ e . estão entre aspas, o que está correto, uma vez que são símbolos, considerados
caracteres. O tamanho (quantidade de caracteres e/ou dígitos) não está correto ao estar entre
aspas, uma vez que se deve comparar o valor, e não os símbolos. Já o método para determinar o
foco está correto, o focus(), pois setFocus() não é um método válido da linguagem JavaScript.  
function testaEmail(){    var email=document.formulario.email.value;     if(email.indexOf("@")>0
&& email.indexOf(".")>0 && email.length>=12){        validaEmail=true;    }    else {       alert("Favor
verificar o E-mail ");        document.formulario.email.setFocus();    }}  Errada. A verificação dos
símbolos de @ e . está correta, pois estão entre aspas, uma vez que são símbolos, considerados
caracteres. O tamanho (quantidade de caracteres e/ou dígitos) está correto ao não estar entre
aspas, uma vez que se deve comparar o valor, e não os símbolos. Já o evento para a definição do
foco não está correto ao utilizar o método setFocus(), pois o método na linguagem JavaScript é o
focus().
2  Código: 35468 - Enunciado: Durante a elaboração de um formulário para uma pesquisa voltada
para o levantamento das preferências de clientes, que será disponibilizado na web, observou-se
a necessidade de identificar a faixa etária do cliente. Entre as opções a seguir, determine qual
trecho do formulário, em HTML, atenderá melhor à captura da informação desejada.
 a) Faixa Etária: <br> 
   <input type = "radio" name = "faixa" value="Menos de 20 anos"> </input> 
   <input type = "radio" name = "faixa" value="Entre 21 e 40 anos”> </input> 
   <input type = "radio" name = "faixa" value=" Acima de 40"> </input> 
    ..... 
</form> 
 b) <form name = "pesquisa"> 
Faixa Etária: <br> 
    <input type = "radio" name = "faixa" value="op1"> Menos de 20 anos </input> 
    <input type = "radio" name = "faixa" value="op2"> Entre 21 e 40 anos </input> 
    <input type = "radio" name = "faixa" value="op3"> Acima de 40 </input> 
..... 
</form> 
 c) <form name = "pesquisa">Faixa Etária: <br>   <input type = "checkbox" name = "op1"
value="faixa"> Menos de 20 anos </input> <br>   <input type = "checkbox" name = "op2"
value="faixa"> Entre 21 e 40 anos </input> <br>   <input type = "checkbox" name = "op3"
value="faixa"> Acima de 40 </input> <br>    .....</form> 
 d) <form name = "pesquisa">FaixaEtária:   <input type = "radio" name = "op1"
value="faixa"> Menos de 20 anos </input>   <input type = "radio" name = "op2" value="faixa">
Entre 21 e 40 anos </input>   <input type = "radio" name = "op3" value="faixa"> Acima de 40
1,50/ 1,50
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 3/8
</input>    .....</form> 
 e) <form name = "pesquisa">Faixa Etária: <br>   <input type = "checkbox" name = "faixa"
value="op1"> Menos de 20 anos </input> <br>   <input type = "checkbox" name = "faixa"
value="op2"> Entre 21 e 40 anos </input> <br>   <input type = "checkbox" name = "faixa"
value="op3"> Acima de 40 </input> <br>    .....</form> 
Alternativa marcada:
b) <form name = "pesquisa"> 
Faixa Etária: <br> 
    <input type = "radio" name = "faixa" value="op1"> Menos de 20 anos </input> 
    <input type = "radio" name = "faixa" value="op2"> Entre 21 e 40 anos </input> 
    <input type = "radio" name = "faixa" value="op3"> Acima de 40 </input> 
..... 
</form> 
Justificativa: Resposta correta:<form name = "pesquisa"> 
Faixa Etária: <br> 
    <input type = "radio" name = "faixa" value="op1"> Menos de 20 anos </input> 
    <input type = "radio" name = "faixa" value="op2"> Entre 21 e 40 anos </input> 
    <input type = "radio" name = "faixa" value="op3"> Acima de 40 </input> 
..... 
</form>Uma vez que o objetivo é identificar a qual faixa etária o cliente pertence, o tipo de
componente apropriado é o radio, e a propriedade name de cada componente deve ter o mesmo
identificador para que, entre as várias opções, apenas uma possa ser selecionada. 
Distratores:Faixa Etária: <br> 
   <input type = "radio" name = "faixa" value="Menos de 20 anos"> </input> 
   <input type = "radio" name = "faixa" value="Entre 21 e 40 anos”> </input> 
   <input type = "radio" name = "faixa" value=" Acima de 40"> </input> 
    ..... 
</form>Errada. Apesar de ter usado corretamente o componente radio, o parâmetro value tem
como papel determinar o valor que será associado ao nome do campo (name) quando do envio
dos dados, e não o conteúdo a ser apresentado ao usuário. Sendo assim, o controle não
apresentará o texto das opções (exemplo: "Menos de 20 anos") ao usuário. 
<form name = "pesquisa">Faixa Etária:   <input type = "radio" name = "op1" value="faixa">
Menos de 20 anos </input>   <input type = "radio" name = "op2" value="faixa"> Entre 21 e 40 anos
</input>   <input type = "radio" name = "op3" value="faixa"> Acima de 40 </input>    .....
</form>Errada. Apesar de ter utilizado o controle radio, a propriedade name tem que possuir o
mesmo identificador para um mesmo conjunto de opções; caso contrário, os botões de radio não
ficarão agrupados, permitindo ao usuário a escolha de mais de uma opção, o que está errado. Já
a propriedade value deverá ter nomes diferentes. O parâmetro value tem como papel determinar
o valor que será associado ao nome do campo (name) quando do envio dos dados.
<form name = "pesquisa">Faixa Etária: <br>   <input type = "checkbox" name = "op1"
value="faixa"> Menos de 20 anos </input> <br>   <input type = "checkbox" name = "op2"
value="faixa"> Entre 21 e 40 anos </input> <br>   <input type = "checkbox" name = "op3"
value="faixa"> Acima de 40 </input> <br>    .....</form>Errada. Uma vez que o objetivo é
identificar a qual faixa etária o cliente pertence, o tipo de controle apropriado é o radio, uma vez
que, entre várias opções, só poderá selecionar uma. O componente checkbox deve ser utilizado
apenas em situações de do tipo "sim" ou "não", uma vez que é adequado apenas para
confirmação ou não de um atributo. Para o uso de componentes do tipo checkbox, como eles
não são agrupados, a propriedade name de cada componente deve ter nomes diferentes,
conforme apresentado nessa opção.  
<form name = "pesquisa">Faixa Etária: <br>   <input type = "checkbox" name = "faixa"
value="op1"> Menos de 20 anos </input> <br>   <input type = "checkbox" name = "faixa"
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 4/8
value="op2"> Entre 21 e 40 anos </input> <br>   <input type = "checkbox" name = "faixa"
value="op3"> Acima de 40 </input> <br>    .....</form>Errada. Uma vez que o objetivo é identificar
a qual faixa etária o cliente pertence, o tipo de controle apropriado é o radio, uma vez que, entre
várias opções, só poderá selecionar uma. O componente checkbox deve ser utilizado apenas em
situações de do tipo "sim" ou "não", uma vez que é adequado apenas para confirmação ou não
de um atributo. Para o uso de componentes do tipo checkbox, como eles não são agrupados, a
propriedade name de cada componente deve ter nomes diferentes, e não iguais, como nessa
opção. 
3  Código: 35450 - Enunciado: Na programação em JavaScript, podemos trabalhar com eventos
que são relacionados aos componentes de um formulário, por exemplo. Vários desses eventos
podem ser relacionados a um mesmo componente, que, dependendo da interação do usuário,
irá realizar uma diferente ação. Diante do exposto, quando detectamos, por meio do código de
programação, que ocorreu uma mudança de um componente para outro e desejamos verificar se
o componente anterior, que perdeu o foco, foi preenchido corretamente ou não foi preenchido,
devemos utilizar o evento:
 a) onChange.
 b) onFocus.
 c) onInput.
 d) onClick.
 e) onBlur.
Alternativa marcada:
e) onBlur.
Justificativa: Resposta correta:onBlur. Esse evento ocorre quando um elemento deixa de estar
em foco e perde o foco para outro componente, sendo o evento correto para o caso. 
Distratores:onInput. Errada. Esse evento ocorre quando um elemento do tipo input tem seu valor
modificado.onClick. Errada. Esse evento ocorre quando é realizado um clique com o mouse
sobre o componente.onFocus. Errada. Esse evento ocorre quando um elemento ganha o foco e
passa a ser o elemento de interface do usuário.onChange. Errada. Esse evento ocorre quando um
input, select ou textarea tem seu valor alterado pelo usuário.
0,50/ 0,50
4  Código: 35910 - Enunciado: Um desenvolvedor precisa criar um link para uma página que se
encontra em um outro diretório (de mesma hierarquia do diretório corrente) para uma aplicação
web. Para isso, é necessário informar a localização do outro diretório a partir do diretório
corrente. Diante do exposto, determine a opção correta de codificação do link para atender ao
requisito da aplicação.
 a) <a href="/sobre/../index.html">Sobre</a>
 b) <a href="../../sobre/index.html">Sobre</a>
 c) <a href="index.html">Sobre</a>
 d) <a href="../sobre/index.html">Sobre</a>
 e) <a href="sobre/sobre.html">Sobre</a>
Alternativa marcada:
d) <a href="../sobre/index.html">Sobre</a>
Justificativa: Resposta correta:<a href=”../sobre/index.html”>Sobre</a>.Fará um link retornando
um nível de diretório e depois acessará o subdiretório sobre, atendendo ao requisito da
aplicação.  Distratores:<a href=”sobre/index.html”>Sobre</a>. Errada. Fará um link para um
diretório de nível inferior ao diretório corrente, não atendendo ao requisito da aplicação.<a
href=”index.html”>Sobre</a>. Errada. Fará um link para o mesmo diretório, ou seja, para o
diretório corrente, não atendendo ao requisito da aplicação. <a
1,50/ 1,50
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 5/8
href=”../../sobre/index.html”>Sobre</a>. Errada. Fará um link retornando dois níveis de diretório,
para um diretório de nível superior ao diretório corrente, e não para um de mesmo nível, não
atendendo ao requisito da aplicação. <a href=”/sobre../index.html”>Sobre</a>. Errada. O link
não foi formado de maneira correta. Dessa forma, o link será para o diretório sobre da raiz do
disco corrente, não sendo o local correto para o link, não atendendo ao requisito da aplicação.
5  Código: 36063 - Enunciado: Uma aplicação para a web tem como requisito exibirum título
principal (maior nível de cabeçalho) com a fonte Times em um parágrafo específico de uma
página do site. Para isso, é necessário que o desenvolvedor realize a codificação CSS adequada
para exibir o parágrafo conforme o resultado do exemplo a seguir. 
  
Diante do exposto, selecione a codificação que apresenta o mesmo resultado indicado no
exemplo.
 a) <h1 style="font-family: Times; "> Título Principal.</h1>
 b) <h7 style="font-family: Times; "> Título Principal.</h7>
 c) <h1 style="font-face: Times; "> Título Principal.</h1>
 d) <h7 style="font-face: Times; "> Título Principal.</h7>
 e) <h1 style="font: Times; "> Título Principal.</h1>
Alternativa marcada:
a) <h1 style="font-family: Times; "> Título Principal.</h1>
Justificativa: Resposta correta:<h1 style="font-family: Times; > Título Principal.</h1>.       
  A tag para a definição de títulos com maior nível está correta ao utilizar <h1>, pois, quanto maior
o número da tag <h?>, menor será o tamanho da fonte. A identificação da fonte está correta, pois
o estilo em CSS para determinar uma fonte utiliza o identificador font-family. Distratores:<h7
style="font-family: Times; "> Título Principal.</h7>. Errada. A tag para a definição de títulos com
maior nível é a <h1>, pois, quanto maior o número da tag <h?>, menor será o tamanho da fonte.
Dessa forma, a tag <h7> determina o menor tamanho.<h7 style="font-face: Times; "> Título
Principal.</h7>. Errada. A tag para a definição de títulos com maior nível é a <h1>, pois, quanto
maior o número da tag <h?>, menor será o tamanho da fonte. Dessa forma, a tag <h7> determina
o menor tamanho. A identificação da fonte também não está correta, pois o estilo em CSS para
determinar uma fonte utiliza o identificador font-family, e não font-face. <h1 style="font: Times;
"> Título Principal.</h1>. Errada. A identificação da fonte não está correta, pois o estilo em CSS
para determinar uma fonte utiliza o identificador font-family, e não font. <h1 style="font-face:
Times; "> Título Principal.</h1>. Errada. A identificação da fonte não está correta, pois o estilo em
CSS para determinar uma fonte utiliza o identificador font-family, e não font-face.
1,50/ 1,50
6  Código: 35449 - Enunciado: Na programação em JavaScript, temos uma série de funções
predefinidas que podemos utilizar diretamente em nossos códigos. No contexto dos métodos
disponibilizados pela linguagem JavaScript, identifique qual deles é responsável por realizar o
cálculo de um número elevado a outro.
 a) Math.pow().
 b) Math.sqrt().
 c) Math.floor().
 d) Math.round().
 e) Math.sin().
Alternativa marcada:
a) Math.pow().
0,50/ 0,50
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 6/8
Justificativa: Resposta correta:Math.pow(). Essa função é responsável por calcular um número
elevado a outro. Exemplo: Math.pow(x, y), em que x será elevado a y. 
Distratores:Math.sin(). Errada. Essa função é responsável por calcular o seno de um
ângulo.Math.sqrt(). Errada. Essa função é responsável por calcular a raiz quadrada de um
número.     Math.round(). Errada. Essa função é responsável por arredondar um número para o
valor inteiro.      Math.floor(). Errada. Essa função é responsável por arredondar um número para o
menor valor inteiro.
7  Código: 35911 - Enunciado: Um desenvolvedor precisa apresentar produtos em uma tabela para
um site de comércio eletrônico. Alguns produtos são comuns, mas possuem diferentes modelos e
preços, por isso é necessário mesclar o conteúdo de uma ou mais linhas de uma mesma
coluna.Verificando as codificações a seguir para a criação de uma tabela com dois itens, sendo
ambos geladeiras, mas com modelos e preços diferentes, selecione a codificação que criará a
tabela conforme o exemplo apresentado. 
 a) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td rowspan="2">Geladeiras</td>         
  <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>         
  <td>R$ 1.719,99</td>      </tr></table> 
 b) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td colspan="2">Geladeiras</td>            <td>GEL48BAV</td> 
          <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>   
  </tr></table> 
 c) <table border="1">      <tr>            <th colspan="2">Produto</th>            <th>Modelo</th>       
    <th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>         
  <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>   
  </tr></table> 
 d) <table border="1">      <tr>            <th rowspan="2">Produto</th>            <th>Modelo</th>     
      <th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>         
  <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>   
  </tr></table> 
 e) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td rowspan="2" colspan="2">Geladeiras</td>         
  <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>         
  <td>R$ 1.719,99</td>      </tr></table> 
Alternativa marcada:
a) <table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>         
  <th>Preço</th>      </tr>      <tr>            <td rowspan="2">Geladeiras</td>         
  <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>         
  <td>R$ 1.719,99</td>      </tr></table> 
Justificativa: Resposta correta:<table border="1">      <tr>            <th>Produto</th>           
<th>Modelo</th>            <th>Preço</th>      </tr>      <tr>            <td rowspan="2">Geladeiras</td>       
    <td>GEL48BAV</td>            <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>           
<td>R$ 1.719,99</td>      </tr></table> 
Fará a mesclagem correta, juntando as duas linhas da primeira coluna. 
Distratores:<table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>           
<th>Preço</th>      </tr>      <tr>            <td colspan="2">Geladeiras</td>            <td>GEL48BAV</td>   
        <td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>     
</tr></table> 
2,00/ 2,00
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 7/8
Errada. Fará a mesclagem incorreta, juntando as duas colunas da primeira linha. <table
border="1">      <tr>            <th colspan="2">Produto</th>            <th>Modelo</th>           
<th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>            <td>R$
1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>      </tr>
</table> 
Errada. Fará a mesclagem incorreta, juntando as duas colunas da primeira linha na linha de
títulos <th>, e não nas linhas de itens. 
<table border="1">      <tr>            <th rowspan="2">Produto</th>            <th>Modelo</th>           
<th>Preço</th>      </tr>      <tr>            <td>Geladeiras</td>            <td>GEL48BAV</td>            <td>R$
1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>      </tr>
</table> Errada. Fará a mesclagem incorreta, juntando as duas linhas da primeira coluna na linha
de títulos <th>, e não nas linhas de itens. 
<table border="1">      <tr>            <th>Produto</th>            <th>Modelo</th>            <th>Preço</th>     
</tr><tr>            <td rowspan="2" colspan="2">Geladeiras</td>            <td>GEL48BAV</td>           
<td>R$ 1.568,99</td>      </tr>      <tr>            <td>GEL55ACVM</td>            <td>R$ 1.719,99</td>     
</tr></table> 
Errada. Fará a mesclagem incorreta, juntando as duas linhas da primeira coluna na linha de itens
<tr>, mas também fará a junção das colunas de produto e modelo.
8  Código: 35444 - Enunciado: Com o CSS, também conhecido como folha de estilos em cascata,
podemos determinar os estilos por meio de três diferentes formas, sendo que cada uma possui
uma ordem de precedência superior à outra. A partir das opções apresentadas a seguir, defina a
ordem de precedência ao aplicar estilos em CSS, da maior precedência para a menor
precedência:
 a) Local (inline) à incorporada (embedded) à externa (linked). 
 b) Local (inline) à externa (linked) à incorporada (embedded).
 c) Externa (linked) à local (inline) à incorporada (embedded).
 d) Incorporada (embedded) à externa (linked) à local (inline).
 e) Externa (linked) à incorporada (embedded) à externa (inline).
Alternativa marcada:
a) Local (inline) à incorporada (embedded) à externa (linked). 
Justificativa: Resposta correta: Local (inline) à incorporada (embedded) à externa (linked). Essa
ordem permite que todos os padrões possam ser aplicados sem que um se sobreponha aos
demais, porque é essa ordem de precedência que determina o estilo que será aplicado quando
temos mais de um estilo a ser aplicado a um mesmo componente. 
Distratores:Local (inline) à externa (linked) à incorporada (embedded). Errada. Com a aplicação
dessa ordem de precedência, não poderíamos utilizar o estilo incorporado em conjunto com os
demais, pois o estilo externo se sobreporia ao estilo incorporado, não permitindo que em uma
determinada página possamos alterar o estilo externo por outro específico para essa
página.Externa (linked) à local (inline) à incorporada (embedded). Errada. Com a aplicação dessa
ordem de precedência, não poderíamos utilizar os estilos locais e incorporados em conjunto com
o externo, pois o estilo externo se sobreporia aos estilos locais e incorporados, não permitindo o
uso de estilos específicos a uma determinada página ou determinado componente.Incorporada
(embedded) à externa (linked) à local (inline). Errada. Com a aplicação dessa ordem de
precedência, não poderíamos utilizar o estilo local em conjunto com os demais, pois os estilos
incorporados e externos se sobreporiam ao estilo local, não permitindo a definição de um estilo
específico para um componente.Externa (linked) à incorporada (embedded) à externa (inline).
Errada. Com a aplicação dessa ordem de precedência, não poderíamos utilizar os estilos locais e
incorporados em conjunto com o externo, pois o estilo externo se sobreporia aos estilos locais e
incorporados, não permitindo o uso de estilos específicos a uma determinada página ou
0,50/ 0,50
22/09/2021 21:48 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/6369874/3d2f8e8e-463a-11ea-ab31-0242ac11000e/ 8/8
determinado componente. Ainda teríamos o estilo incorporado se sobrepondo ao local, o que
não permitiria o uso de estilos em componentes específicos.