prova_html

Prévia do material em texto

Questão 1) - 0,67 ponto(s) 
Em CSS é perfeitamente possível usar seletores em inputs do tipo radiobox e/ou checkbox. O uso destes recursos faz com que o site torne-se mais atrativo e com interações amigáveis para os usuários que irão navegar. Além disso, o seu código ficará mais leve e rápido para abertura nos navegadores.
Vejamos o seguinte código HTML:
<input type="checkbox" />
<label>Clique na opção</label>
 
Com o CSS usando o seguinte seletor:
input:checked + label {
  color: lightgreen;
}
 
Podemos afirmar que ao clicar no checkbox, o usuário irá
I. ativar o ckeckbox e automaticamente mudar a cor do texto para lightgreen.
II. ativar o checkbox e automaticamente mudar a cor do checkbox, mantendo a cor do texto sem alteração.
III. ativar o checkbox e não realizar nenhuma mudança no texto.
IV. ativar o checkbox e inserir uma sombra no texto com a cor lightgreen.
 
É correto o que se afirma em
A) 
I, apenas
B) 
IV, apenas
C) 
III, apenas
D) 
I e II, apenas
E) 
II, apenas
Questão 2) - 0,67 ponto(s) 
Uma empresa necessita criar, em seu site, uma página dos seus parceiros. Nessa página, deve conter URL em textos que, ao ser clicado pelos usuários, deverá direcionar para o respectivo site da empresa parceira. Mas é necessário que esses links sejam abertos em uma nova janela do navegador para evitar que o usuário perca o contato com o site atual. Com esse cenário, assinale a alternativa correta que corresponde ao comando para abrir links de URL em uma nova janela do navegador.
A) 
<p><a href="http://www.sitedaempresa.com.br" name="_aba">www.sitedaempresa.com.br</a></p>
B) 
<p><a href="http://www.sitedaempresa.com.br" target="_new_nav">www.sitedaempresa.com.br</a></p>
C) 
<p><a href="http://www.sitedaempresa.com.br" name="_content">www.sitedaempresa.com.br</a></p>
D) 
<p><a href="http://www.sitedaempresa.com.br" target="_refresh">www.sitedaempresa.com.br</a></p>
E) 
<p><a href="http://www.sitedaempresa.com.br" target="_blank">www.sitedaempresa.com.br</a></p>
Questão 3) - 0,67 ponto(s) 
A tag form do HTML define um formulário que é usado para coletar os dados informados pelo usuário.(ref: https://www.w3schools.com/html/html_forms.asp - tradução livre). Um formulário enviará todos os dados de entrada ao ser submetido pelo usuário.
 
 
Considerando essas afirmações, analise o formulário HTML abaixo.
 
  
 
 Assinale a alternativa com os códigos HTML que será renderizado conforme a imagem acima.
A) 
B) 
C) 
D) 
E) 
  
Questão 4) - 0,67 ponto(s) 
Uma empresa necessita criar em seu site um campo para que os usuários possam cadastrar seus e-mails para receberem informações atualizadas dos produtos desta empresa. Para isso, é necessário criar um formulário em html, e estes dados deverão ser enviados para o marketing da empresa. Abaixo são apresentados cinco possíveis códigos para receber o email do usuário. 
I - <input type="text" name="email" id="email" /> 
II - < option value="text" name="email" id="email" />
III - < select="text" name="email" id="email" />
IV - <form ID="text" name="email" id="email" />
V - <list text="text" name="email" id="email" /> 
Assinale a alternativa que apresenta  o(s) código(s) correto(s) para receber o email dos usuários. 
A) 
III e IV, apenas. 
B) 
IV e V, apenas. 
C) 
I, apenas. 
D) 
I e II, apenas. 
E) 
III, apenas. 
Questão 5) - 0,67 ponto(s) 
Uma empresa solicitou ao seu desenvolvedor de sistemas web que criasse uma página web que deverá enviar, de forma assíncrona, os seguintes dados do cliente: Nome, Telefone e Email. O desenvolvedor, então, escolheu utilizar o envio pelo método POST.
Utilizando o comando .ajax, qual o código correto que corresponde a essa ação?
A) 
$.ajax({
method: "VIEWER",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
B) 
$.ajax({
method: "FILES",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
C) 
$.ajax({
method: "POST",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
D) 
$.ajax({
method: "GET",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
E) 
$.ajax({
method: "SESSION",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
Questão 6) - 0,67 ponto(s) 
HTML (Hyper Text Markup Language – Linguagem de Marcação de Hipertexto) é a principal linguagem utilizada na web. Ela permite a criação de documentos estruturados em títulos, parágrafos, listas, links, tabelas, formulários e em muitos outros elementos nos quais podem ser incorporadas imagens e objetos como, por exemplo, uma animação ou um vídeo. Junto do HTML também podem ser incluídas em um documento web outras linguagens, como JavaScript e o PHP, que adicionam mais interatividade com o usuário e permitem o acesso a informações de bancos de dados. A linguagem HTML é escrita na forma de tags delimitadas pelos sinais < > e </>, que indicam a função e o conteúdo de cada elemento da linguagem.
 
FLATSCHART, F. HTML5 Embarque Imediato. Rio de Janeiro: BRASPORT Livros e Multimídia Ltda., 2011.
 
Tendo em vista as informações do texto acima, analise as afirmativas a seguir.
 
I. Um site é formado por várias páginas HTML, sendo construído por linhas de códigos de marcação, ou seja, elementos do HTML, divididos entre as suas tags e o seu conteúdo.
  
II. A inserção de imagens e objetos junto ao código HTML só se torna possível quanto associada a outra linguagem de programação, proporcionando maior interatividade com o usuário.
 
III. As tags podem são utilizadas de duas formas, quando classificadas quanto à necessidade de fechamento, sendo <tag> </tag> utilizado quando exige fechamento e <tag/> quando não exige.
 
É correto o que se afirma em
A) 
I, apenas.
B) 
II e III, apenas.
C) 
I e III, apenas.
D) 
I, II e III.
E) 
I e II, apenas.
Questão 7) - 0,67 ponto(s) 
Em um site, é fundamental que os textos exibidos na página estejam ordenados por títulos, subtítulos e parágrafos, para uma melhor apresentação visual para os usuários.
Em uma página html, podemos criar parágrafos com características de títulos e subtítulos da seguinte forma:
Considerando essa disposição, assinale a alternativa que corresponde ao código adequado para modificar um parágrafo como título.
A) 
<h=”1“>Parágrafo.</h>
B) 
<body=”1” >Parágrafo.</body>
C) 
<html=”1” >Parágrafo.</html>
D) 
<p = “1”>Parágrafo.</p>
E) 
<h1 >Parágrafo.</h1>
Questão 8) - 0,67 ponto(s) 
O atributo target é utilizado em links de páginas HTML para indicar em que janela o documento linkado será aberto. Os principais valores possíveis para o atributo target são
A) 
_blank, _self e _top.
B) 
blank, self e top.
C) 
parent, blank, self e top.
D) 
_user, _client, _post, _get.
E) 
_parent, _blank, _set.
Questão 9) - 0,67 ponto(s) 
Um recurso presente nas páginas web quando acessadas, é a ligação de conteúdos de textos e imagens que possibilita a navegação dos internautas e o redirecionamento a informações mais detalhadas. O termo relacionado esse evento é devido ao:
A) 
Protocolo HTTP
B) 
URL
C) 
Cache
D) 
Download
E) 
Hipertexto
Questão 10) - 0,67 ponto(s) 
O HTML disponibiliza tags específicas para montagem de listas, que podem ser enumeradas ou não. Analise, na figura abaixo, dois tipos de listas possíveis de se gerar em HTML.
Qual dos códigos HTML abaixo gera o mesmo conteúdo da imagem acima?
A) 
<h2>Linguagens de programação</h2>
<li>
    <ul>Java</ul>
    <ul>C++</ul>
    <ul>Delphi</ul>
</li>
<h2>Ranking de linguagens</h2>
<li>
    <ol>Java</ol>
    <ol>C++</ol>
    <ol>Delphi</ol>
</li>
 
B) 
<h2>Linguagens de programação</h2>
<ol>
    <li>Java</li>
    <li>C++</li>
    <li>Delphi</li>
</ol>
<h2>Ranking de linguagens</h2>
<ul>
    <li>Java</li>
    <li>C++</li>
    <li>Delphi</li>
</ul>
 
C) 
 
<h2>Linguagens de programação</h2>
<list>
    <ul>Java</ul>
    <ul>C++</ul>
    <ul>Delphi</ul>
</list>
<h2>Ranking de linguagens</h2>
<list>
    <ol>Java</ol><ol>C++</ol>
    <ol>Delphi</ol>
</list>
 
D) 
 
<h2>Linguagens de programação</h2>
<ul>
    <p>* Java</p>
    <p>* C++</p>
    <p>* Delphi</p>
</ul>
<h2>Ranking de linguagens</h2>
<ol>
    <p>1. Java</p>
    <p>2. C++</p>
    <p>3. Delphi</p>
</ol>
 
E) 
<h2>Linguagens de programação</h2>
<ul>
    <li>Java</li>
    <li>C++</li>
    <li>Delphi</li>
</ul>
<h2>Ranking de linguagens</h2>
<ol>
    <li>Java</li>
    <li>C++</li>
    <li>Delphi</li>
</ol>
Questão 11) - 0,67 ponto(s) 
Sabe-se que funções em javascript são instruções que irão executar diferentes tarefas. Para isso, é fundamental que a declaração da função esteja adequada.
Assim, que alternativa CORRETA abaixo declara uma função retornaValor e que retornará o valor de um número com a soma dele mesmo?
A) 
function retornaValor(num) {
return num;
}
B) 
function retornaValor(num) {
   return num + num;
} 
C) 
function retornaValor(número) {
return num + num;
}
D) 
function retornaValor(número) {
return num / num;
}
E) 
function retornaValor(retorna) {
return num *+ num;
}
 
Questão 12) - 0,67 ponto(s) 
Um programador web necessita criar em um site uma lista de definição contendo as principais cidades do Sul e do Sudeste, separadas por região. A ordenação dos itens deverá ser numérica. O resultado final ficará da seguinte forma:
 
Sul
1. Porto Alegre
2. Florianópolis
3. Blumenau
4. Curitiba
5. Caxias do Sul
 
Sudeste
1. São Paulo
2. Rio de Janeiro
3. Belo Horizonte
4. Vitória
5. Campinas
 
A partir do exposto, assinale a alternativa que corresponde ao código correto para realizar a ação proposta.
A) 
<h2>Sul</h2>
    <type>
      <list>Porto Alegre</list>
      <list>Florianópolis</list>
      <list>Blumenau</list>
      <list>Curitiba</list>
      <list>Caxias do Sul</list>
</type>
<h2>Sudeste</h2>
<type>
  <list>São Paulo</list>
  <list>Rio de Janeiro</list>
  <list>Belo Horizonte</list>
  <list>Vitória</list>
  <list>Campinas </list>
</type>
B) 
<h2>Sul</h2>
    <ol>
      <list>Porto Alegre</list>
      <list>Florianópolis</list>
      <list>Blumenau</list>
      <list>Curitiba</list>
      <list>Caxias do Sul</list>
</ol>
<h2>Sudeste</h2>
<ol>
  <list>São Paulo</list>
  <list>Rio de Janeiro</list>
  <list>Belo Horizonte</list>
  <list>Vitória</list>
  <list>Campinas </list>
</ol>
C) 
<h2>Sul</h2>
    <ol>
      <li>Porto Alegre</li>
      <li>Florianópolis</li>
      <li>Blumenau</li>
      <li>Curitiba</li>
      <li>Caxias do Sul</li>
</ol>
<h2>Sudeste</h2>
<ol>
  <li>São Paulo</li>
  <li>Rio de Janeiro</li>
  <li>Belo Horizonte</li>
  <li>Vitória</li>
  <li>Campinas </li>
</ol>
D) 
<h2>Sul</h2>
    <li>
      <ol>Porto Alegre</ol>
      <ol>Florianópolis</ol>
      <ol>Blumenau</ol>
      <ol>Curitiba</ol>
      <ol>Caxias do Sul</ol>
</li>
<h2>Sudeste</h2>
<li>
  <ol>São Paulo</ol>
  <ol>Rio de Janeiro</ol>
  <ol>Belo Horizonte</ol>
  <ol>Vitória</ol>
  <ol>Campinas </ol>
</li>
E) 
<h2>Sul</h2>
    <list>
      <li>Porto Alegre</li>
      <li>Florianópolis</li>
      <li>Blumenau</li>
      <li>Curitiba</li>
      <li>Caxias do Sul</li>
</list>
<h2>Sudeste</h2>
<list>
  <li>São Paulo</li>
  <li>Rio de Janeiro</li>
  <li>Belo Horizonte</li>
  <li>Vitória</li>
  <li>Campinas </li>
</list>
Questão 13) - 0,67 ponto(s) 
Para inserir uma imagem em uma página HTML utilizamos uma tag e, rigorosamente, um atributo que seriam: 
A) 
Tag IMG / Atributo HREF
B) 
Tag Image / Atributo SIZE
C) 
Tag Image / Atributo SRC
D) 
Tag IMG / Atributo SRC
E) 
Tag IMG/ Atributo SIZE
Questão 14) - 0,67 ponto(s) 
Um cliente necessita criar uma página para a internet com uma imagem que deverá se adequar automaticamente ao tamanho de cada tela de navegador, inclusive dos navegadores de smartphones. Sabe-se que é necessário que a imagem torne-se flexível para essa forma de exibição.
Considerando essa informação, assinale a alternativa que corresponde a esse recurso na TAG IMG.
A) 
<img src="imagem.jpg" top="100%" down="100%" />
B) 
<img src="imagem.jpg" alt="100%" comp="100%" />
C) 
<img src="imagem.jpg" fixed="100%" />
D) 
<img src="imagem.jpg" width="100%" height="100%" />
E) 
<img src="imagem.jpg" />
Questão 15) - 0,67 ponto(s) 
Sabe-se que para a criação correta de um documento em HTML a ser exibido na internet, é necessária a estruturação sequencial de TAGs. Caso essa sequência esteja fora de ordem, ou com elementos incompletos, o documento não será exibido corretamente na internet.
Considerando essa informação, assinale a alternativa que contenha a estrutura sequencial de TAGs para a exibição de um documento em HTML.
A) 
<html>
<head>
<title>Documento em HTML</title>
<head>
<html>
B) 
<html>
<body>
<body>
<html>
C) 
<html>
</html>
D) 
<head>
<title>Documento em HTML</title>
</head>
<body>
<body>
E) 
<html>
<head>
<title>Documento em HTML</title>
</head>
<body>
</body>
</html>
Questão 1) 
-
 
0,67 ponto(s) 
 
 
Em 
CSS é perfeitamente possível usar seletores em inputs do tipo radiobox e/ou 
checkbox. O uso destes recursos faz com que o site torne
-
se mais atrativo e com 
interações amigáveis para os usuários que irão navegar. Além disso, o seu código ficará 
mais leve e 
rápido para abertura nos navegadores.
 
 
Vejamos o seguinte código HTML:
 
<input type="checkbox" />
 
<label>Clique na opção</label>
 
 
 
Com o CSS usando o seguinte seletor:
 
input:checked + label {
 
 
 
color: lightgreen;
 
}
 
 
 
Podemos afirmar que ao clicar no checkb
ox, o usuário irá
 
 
I. ativar o ckeckbox e automaticamente mudar a cor do texto para lightgreen.
 
II. ativar o checkbox e automaticamente mudar a cor do checkbox, mantendo a cor do 
texto sem alteração.
 
III. ativar o checkbox e não realizar nenhuma mudança n
o texto.
 
IV. ativar o checkbox e inserir uma sombra no texto com a cor lightgreen.
 
 
 
É correto o que se afirma em
 
A) 
 
 
I, apenas
 
Questão 1) - 0,67 ponto(s) 
 
Em CSS é perfeitamente possível usar seletores em inputs do tipo radiobox e/ou 
checkbox. O uso destes recursos faz com que o site torne-se mais atrativo e com 
interações amigáveis para os usuários que irão navegar. Além disso, o seu código ficará 
mais leve e rápido para abertura nos navegadores. 
 
Vejamos o seguinte código HTML: 
<input type="checkbox" /> 
<label>Clique na opção</label> 
 
Com o CSS usando o seguinte seletor: 
input:checked + label { 
 color: lightgreen; 
} 
 
Podemos afirmar que ao clicar no checkbox, o usuário irá 
 
I. ativar o ckeckbox e automaticamente mudar a cor do texto para lightgreen. 
II. ativar o checkbox e automaticamente mudar a cor do checkbox, mantendo a cor do 
texto sem alteração. 
III. ativar o checkbox e não realizar nenhuma mudança no texto. 
IV. ativar o checkbox e inserir uma sombra no texto com a cor lightgreen. 
 
É correto o que se afirma em 
A) 
 
I, apenas