Desenvolvimento de Aplic Distribuídas e Web I - A1

Prévia do material em texto

24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 1/7
Local: Sala 1 - TJ - Prova On-line / Andar / Polo Tijuca / POLO UVA TIJUCA 
Acadêmico: EAD-IL10316-20222A
Aluno: CARLOS HENRIQUE DA SILVA BERNARDO 
Avaliação: A2-
Matrícula: 20213303422 
Data: 30 de Junho de 2022 - 08:00 Finalizado
Correto Incorreto Anulada  Discursiva  Objetiva Total: 10,00/10,00
1  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) onClick.
 b) onFocus.
 c) onChange.
 d) onInput.
 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
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) <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> 
 b) <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> 
 c) 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> 
1,50/ 1,50
24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 2/7
 ..... 
</form> 
 d) <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> 
 e) <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> 
Alternativa marcada:
a) <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
24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 3/7
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"
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: 35466 - Enunciado: Durante o processo da construção de um site, o cliente solicitou ao
desenvolvedor para que ele inserisse uma imagem (cujo nomeé textura.jpg) como fundo da
página. Para atender o cliente, o desenvolvedor deve alterar a tag <body> para:
 a) <body img = “textura.jpg”>.
 b) <body img = “textura.jpg” backgroung>.
 c) <body background = “textura.jpg”>.
 d) <body bgimg = “textura.jpg”>
 e) <body bgcolor = “textura.jpg”>.
Alternativa marcada:
c) <body background = “textura.jpg”>.
Justificativa: Resposta correta:<body background = “textura.jpg”>. Para definirmos uma
imagem de fundo de página, utilizamos o parâmetro background. 
Distratores:<body img = “textura.jpg”>. Errada. Não existe o parâmetro img na tag body (<body>).
<body bgimg = “textura.jpg”>. Errada. Não existe o parâmetro bgimg na tag body (<body>).<body
bgcolor = “textura.jpg”>. Errada. O parâmetro bgcolor é usado para definir a cor de fundo.<body
img = “textura.jpg” backgroung>. Errada. Não existe o parâmetro img na tag body (<body>).
1,50/ 1,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/sobre.html">Sobre</a>
 b) <a href="index.html">Sobre</a>
 c) <a href="/sobre/../index.html">Sobre</a>
 d) <a href="../sobre/index.html">Sobre</a>
 e) <a href="../../sobre/index.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
1,50/ 1,50
24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 4/7
diretório corrente, não atendendo ao requisito da aplicação. <a
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: 35975 - Enunciado: Uma aplicação para a web necessita realizar a verificação de um
valor numérico digitado pelo usuário em um campo de texto (componente do tipo <input>). Para
tanto, é preciso que a aplicação obedeça aos seguintes critérios:Verificar se o usuário digitou de
fato um número.O valor só deve ser verificado quando o usuário tiver preenchido totalmente o
campo e tiver alterado o foco para o próximo campo. Para realizar a operação relatada, o
desenvolvedor deve trabalhar com os eventos na linguagem JavaScript para que, caso o valor
não esteja correto, a aplicação retorne o foco para o componente anterior no qual o usuário não
digitou corretamente um valor.Sabe-se também que:O formulário possui identificador:
formCadastro. O campo que irá armazenar o preço tem como identificador: preco, e o próximo
campo tem como identificador: data. Diante do exposto, escolha a opção que atenda
corretamente às características necessárias aos campos na montagem do código HTML dos
componentes do tipo input da aplicação.
 a) O campo preço (identificador: preco) deve possuir o método onBlur() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 b) O campo preço (identificador: data) deve possuir o método onBlur() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 c) O campo preço (identificador: data) deve possuir o método onClick() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 d) O campo preço (identificador: preco) deve possuir o método onInput() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 e) O campo preço (identificador: preco) deve possuir o método onClick() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
Alternativa marcada:
a) O campo preço (identificador: preco) deve possuir o método onBlur() e, caso não seja um valor,
utilizar a instrução document.formCadastro.preco.focus();.
Justificativa: Resposta correta:O campo preço (identificador: preco) deve possuir o método
onBlur() e, caso não seja um valor, utilizar a instrução document.formCadastro.preco.focus();.O
componente correto a ter o método associado é input preco, que deve utilizar o método onBlur,
que é executado sempre que um componente perde o foco, conforme os requisitos apresentados
pela aplicação. 
Distratores:O campo preço (identificador: preco) deve possuir o método onInput() e, caso não
seja um valor, utilizar a instrução document.formCadastro.preco.focus();. Errada. O componente
correto a ter o método associado é input preco. O método onInput é executado sempre que
existe uma alteração em componentes do tipo input, mas a aplicação tem como requisito a perda
do foco, não atendendo aos requisitos apresentados pela aplicação.O campo preço
(identificador: preco) deve possuir o método onClick() e, caso não seja um valor, utilizar a
instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o método
associado é input preco, mas o método onClick não deve ser utilizado em conjunto com
componentes do tipo input, porque componentes de input são para realizar entrada de dados e
não devem ser associados a ações de cliques dos usuários, o que não atende aos requisitos
apresentados pela aplicação.O campo preço (identificador: data) deve possuir o método
onClick() e, caso não seja um valor, utilizar a instrução document.formCadastro.preco.focus();.
Errada. O componente correto a ter o método associado é input preco, e não o componente data,
porque a perda de foco deve ocorrer com o próprio campo, e não com o próximo; além disso, o
método onClick não deve ser utilizado em conjunto com componentes do tipo input, porque
2,00/ 2,00
24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 5/7
componentes de input são para realizar entrada de dados e não devem ser associados a ações de
cliques dos usuários, o que não atende aos requisitos apresentados pela aplicação.O campo
preço (identificador: data) deve possuir o método onBlur() e caso não seja um valor, utilizar a
instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o método
associado é input preco, e não o componente data, porque a perda de foco deve ocorrer com o
próprio campo, e não com o próximo. Apesar do uso correto do método onBlur, que é executado
sempre que um componente perde o foco, os requisitos da aplicação não foram atendidos.
6  Código: 36503 - Enunciado: No desenvolvimento de sites e aplicações para a web, precisamos
apresentar diversos tipos de conteúdos. Em muitos casos, é necessário combinar diferentes tags
para compor o resultado final esperado. Observe o seguinte resultado: 
Diante do exposto, identifique o conjunto de códigos HTML originais para a geração do resultado
esperado:
 a) CH<sup>2</sup>O - <u>H R<sub>2</sub></u> <br>
 b) CH<sub>2</sub>O - H R<sup>2</sup> <br>
 c) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
 d) CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>
 e) CH<sup>2</sup>O - H R<sub>2</sub> <br>
Alternativa marcada:
c) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
Justificativa: Resposta correta:CH<sub>2</sub>O- <u>H R</u><sup>2</sup> <br>.Resulta em:
CH2O - H R2. Representa corretamente o uso das tags de subscrito, sobrescrito e
sublinhado. Distratores:CH<sub>2</sub>O - H R<sup>2</sup> <br>. Errada, pois o resultado não
apresenta o trecho sublinhado <u> e </u>.CH<sup>2</sup>O - <u>H R<sub>2</sub></u>
<br>. Errada, pois o resultado apresenta uma inversão entre o uso do subscrito e do
sobrescrito.CH<sup>2</sup>O - H R<sub>2</sub> <br>. Errada, pois o resultado não apresenta o
trecho sublinhado <u> e </u>, além de apresentar uma inversão entre o subscrito e o
sobrescrito.CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>. Errada, pois no resultado, o
trecho sublinhado se estende até o valor 2 sobrescrito, que diverge do padrão original
apresentado.
0,50/ 0,50
7  Código: 35919 - Enunciado: Um desenvolvedor precisa apresentar um conjunto de parágrafos
em um conjunto de 100 páginas de conteúdo. A maioria dos parágrafos será exibida na cor preta
(ausência de cor). Além disso, em um total de 15 páginas, todos os parágrafos deverão ser
apresentados na cor azul; eventualmente, alguns parágrafos em qualquer página poderão ser
realçados na cor vermelha.Diante do exposto e considerando a codificação de uma página desse
projeto, escolha qual das alternativas apresenta o conjunto de códigos correto para atender aos
seguintes critérios:Todo o site deve estar com a definição de cores em estilos CSS na cor preta
para os seus parágrafos.Os parágrafos dessa página devem estar na cor azul.O parágrafo com o
texto “Parágrafo 2” deve estar na cor vermelha. 
 a) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #000000; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
 b) codificação HTML:<html> <head> <title>CSS - Estilos</title> </head> <body> <p
style="color: #0000FF">Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p
style="color: #0000FF">Parágrafo 3</p> <p style="color: #0000FF">Parágrafo 4</p> </body>
</html> 
2,00/ 2,00
24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 6/7
 c) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #0000FF; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
 d) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> 
 e) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> 
Alternativa marcada:
c) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #0000FF; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
Justificativa: Resposta correta:arquivo:prova_1.css:p { color: #000000; } codificação HTML:
<html> <head> <title>CSS - Estilos</title> <link rel="stylesheet" type= "text/css"
href="prova_1.css"> <style type="text/css"> <!-- p { color: #0000FF; } --> 
</style> </head> <body> <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> 
 <p>Parágrafo 3</p> <p>Parágrafo 4</p> </body></html> 
O arquivo CSS externo não influenciará as cores da página, mas deve ser carregado para atender
ao estilo global do site. Os estilos incorporados (azul) e locais (vermelho) estão corretos para a
definição do estilo do site porque atendem aos requisitos embarcados e locais. 
 Distratores:arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> 
 <title>CSS - Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css">
</head> <body> <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo
3</p> <p>Parágrafo 4</p> </body></html> 
Errada. O arquivo CSS externo está com a configuração de parágrafos configurada na cor azul,
não atendendo aos requisitos do site, que deve ter configuração global de parágrafos na cor
preta. A cor azul deve ser configurada com estilo incorporado, e não externo, na página. 
codificação HTML:<html> <head> <title>CSS - Estilos</title> </head> <body> <p style="color:
#0000FF">Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p style="color:
#0000FF">Parágrafo 3</p> <p style="color: #0000FF">Parágrafo 4</p> </body></html> Errada. A
página, apesar de apresentar os mesmos resultados de cores esperados, contém apenas estilos
locais, dificultando não só a manutenção do site, mas também não atendendo aos requisitos
embarcados e externos descritos no problema. 
arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #000000; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html> 
Errada. A página, apesar de apresentar os requisitos de estilos externo, incorporado e local
configurados, não apresenta corretamente as cores preta e azul, que estão invertidas quanto à
cor do estilo. 
arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body> 
 <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> 
 <p>Parágrafo 4</p> </body></html> Errada. A página, apesar de apresentar o requisito de estilo
24/08/2022 10:21 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/7225922/f067c314-01bd-11ec-9ca2-0242ac11000a/ 7/7
externo na cor preta, não apresenta o estilo incorporado na cor azul, o que não atende aos
requisitos da página.
8  Código: 35447 - Enunciado: A composição de diferentes componentes HTML permite a exibição
de conteúdos utilizando diferentes combinações para melhorar a apresentação visual e facilitar a
leitura do usuário. Com base no exposto, identifique a tag HTML que é responsável por criar uma
linha separadora horizontal.
 a) <hr>.
 b) <li>.
 c) <br>.
 d) <ul>.
 e) <dl>.
Alternativa marcada:
a) <hr>.
Justificativa: Resposta correta:<hr>. Essa alternativa é a tag correta para criar uma linha
separadora horizontal. 
Distratores:<br>. Errada. Essa tag HTML é usada para pular uma linha. <dl>. Errada. Essa
tag HTML é usada para definir uma lista de definição.<ul>. Errada. Essa tag HTML é usada para
definir uma lista ordenada (numerados).<li>. Errada. Essa tag HTML é usada para definir um
elemento de uma lista.
0,50/ 0,50