Questões de Concurso sobre HTML

 
 
Disciplina
Assunto 1
Banca
Instituição
Cargo
Ano
Carreira
Área de formação
Escolaridade
Dificuldade
 
Comentários:
Professores
Alunos
Meus Comentários
Vídeo
 
Minhas questões:
Resolvidas
Não resolvidas
Certas
Erradas
 
Tipo de questão:
Certo e errado
Múltipla escolha
Incluir questões:
Anuladas
Desatualizadas
 
Questões:
Todas as questões
 
Filtro simplificado
 
Questões
Todas as questões
 
1.037 questões encontradas
Questões por página
20
Mais recentes
 

Analise o código HTLM a seguir, do qual um trecho foi omitido.


<body>

------------------------------------

<button type="button"

onclick="document.getElementById('xpto').innerHTML

= 'Clicado'">Clique aqui</button>

</body>


Assinale o papel da string “xpto” na segunda linha após o trecho tracejado.


A

O nome de um evento HTML.


B

O nome de uma classe CSS.


C

O nome de uma função JavaScript.


D

O valor do atributo “id” de um elemento.


E

Uma tag nativa do XML.

Analise o HTML de uma página Web exibido a seguir.


<!DOCTYPE html>

<html>

<head>

<style>

td {

__ border: 1px solid #dddddd;

__ padding: 20px;

}

</style>

<h2>Tabela UM</h2>

<table>

__ <tr>

___ <td>A</td>

___ <td>B</td>

__ </tr>

___ <td>C</td>

___ <td>B2</td>

__ </tr>

</table>

</body>

</html>


Sobre esse script, é correto afirmar que:


A

#dddddd representa a cor da borda de uma tabela;


B

a página renderiza duas tabelas, com uma linha em cada tabela;


C

nenhuma tabela seria renderizada, pois as tags td e tr estão invertidas;


D

a página renderiza corretamente uma tabela com duas linhas e três colunas;


E

o trecho delimitado pelas tags style está fora do lugar, pois deveria estar localizado antes da tag head.

São todos atributos de um formulário <form> HTML:


A

text • number • radio • button


B

target • input • button • submit


C

method • action • target • novalidate


D

target • submit • button • option


E

set • get • post • autocomplete

Sobre as Ferramentas de desenvolvimento Web: HTML, um desenvolvedor inseriu em uma página web com HTML a referência a seguir para um arquivo CSS.


<link type="text/css" href="audio.css">


Um atributo deve ser acrescentado na referência para que o arquivo CSS possa ser utilizado pelos sintetizadores de fala. Os sintetizadores são conhecidos como leitores de tela e fazem a leitura em áudio da página. Indique, entre as alternativas, esse atributo.


A

media-type="aural"


B

media="aural-synthesizer"


C

speaker="true"


D

media="speech"

Considere um código HTML 5, o qual está sendo estilizado utilizando CSS 3. Isso posto, você precisa modificar certa propriedade de um grupo de elementos para torná-los animados. Ao encontro disso, do(s) seletore(s) CSS a seguir listado(s), aquele(s) utilizado(s) para especificar um grupo de elementos é/são:


A

rótulo e identificador


B

identificador


C

classe e identificador


D

rótulo


E

classe

Para que ao clicar no botão Trocar Estado o conteúdo do segundo parágrafo troque o texto Estado da Bahia por Salvador, a lacuna III deve ser corretamente preenchida por


A

document.getParagraph([id='p2']).innerHTML = "Salvador"


B

document.getElementById("p2").insertHTML = "Salvador"


C

document.getElementBy("id=p2").addHTML = "Salvador"


D

document.getElement("p{id='p2'}").insertHTML = "Salvador"


E

document.getElementById("p2").innerHTML = "Salvador"

Considere o código HTML a seguir, independentemente da versão. Assinale a alternativa CORRETA que exibe o resultado do código, bem como as características dos elementos que estão codificados.


<form>

<input type="checkbox" name="bicicileta">Bicicleta<br>

<input type="checkbox" name="carro">Carro

</form>


A

São exibidos botões com os rótulos indicados que permitem ao usuário clicar sobre eles.


B

As caixas de seleção permitem que o usuário selecione apenas uma opção, independentemente da quantidade de escolhas.


C

As caixas de texto permitem que o usuário digite letras, números, caracteres especiais no formulário.


D

As caixas de seleção permitem que o usuário selecione uma ou mais opções, independentemente da quantidade de escolhas.


E

São exibidos itens em uma lista selecionável, em que o usuário pode acionar a tecla CTRL e marcar mais de uma opção.

Considere o seguinte código HTML de uma página Web com uma folha de estilos CSS (Cascading Style Sheets) embutida:


<!DOCTYPE html>

<html>

<head>

<title>Uma página</title>

<style>

body {

font-family: sans-serif;

}

h2 {

text-decoration: underline;

}

p {

color: red;

}

.frase {

text-align: center;

}

</style>

</head>

<body>

<h1>Um título</h1


<h2>Um subtítulo</h2>


<p class="frase">Uma frase</p>

</body>

</html>


Considerando as regras de aplicação de propriedades do CSS, as mudanças de estilo que serão aplicadas ao trecho “Uma frase” quando essa página Web for aberta em um navegador compatível são:


A

texto sublinhado, cor vermelha e alinhamento centralizado apenas.


B

fonte sem serifa, cor vermelha e alinhamento centralizado apenas.


C

cor vermelha e alinhamento centralizado apenas.


D

fonte sem serifa e alinhamento centralizado apenas.


E

fonte sem serifa, texto sublinhado, cor vermelha e alinhamento centralizado.

O modelo de eventos do Dynamic HTML garante páginas mais reativas e amigáveis aos usuários. Sabe-se que um script pode não funcionar corretamente se for executado antes de uma página ser completamente carregada. Assinale, a seguir, o nome do evento que pode evitar que um script seja executado antes de uma página ser completamente carregada.


A

onload


B

onreset


C

onfocus


D

onsubmit

Observe afigura abaixo.


Imagem associada para resolução da questão



A figura foi gerada no browser Firefox Mozilla, como resultado da execução de um código HTML e dos procedimentos descritos a seguir.


Na sintaxe HTML, foi utilizada uma tag que possibilita a exibição do site na tela, que corresponde à URL https://www.camaradourados.ms.gov.br/, exclusivamente quando se passa o ponteiro do mouse sobre a citação “HISTORIA”, o que faz com que seja mostrada uma “mãozinha”, indicando a existência de um link para a URL.

Por outro lado, quando se clica na imagem Imagem associada para resolução da questão, que corresponde ao arquivo “LOGO.PNG, nada acontece. Na execução desse código HTML, ao passar o ponteiro do mouse sobre a figura, não é mostrada a “mãozinha”, indicando a inexistência de um link para a URL.


Nessas condições, o código HTML que gera o resultado descrito é:


A

<h1><img src="LOGO.PNG” alt="CM-DOURADOS-MS"><br>

<a link="https://www.camaradourados.ms.gov.br/pagina/7">

HISTÓRIA</a></h1>


B

<h1>HISTÓRIA

<a href="https://www.camaradourados.ms.gov.br/pagina/7">

<img src="LOGO.PNG" alt="CM-DOURADOS-MS"><br></a></h1>


C

<h1><a href="https://www.camaradourados.ms.gov.br/pagina/7">

</a><img src="LOGO.PNG" alt="CM-DOURADOS-MS"><br>HISTÓRIA

</hi>


D

<h1><img src="LOGO.PNG” alt="CM-DOURADOS-MS"><br>

<a href="https://www.camaradourados.ms.gov.br/pagina/7">

HISTÓRIA</a></h1>

Um programador colocou, em seu programa, elaborado na linguagem HTML, a seguinte linha de comando:

-

<IMG SRC=“figura1.gif” ALIGN=“LEFT”>

-

Sobre esse comando, é correto afirmar que


A

caso seja incluído dentro do comando o atributo WIDTH=“50”, a imagem existente em figura1.gif terá largura de 50 pixels.


B

o atributo ALIGN permite também as opções RIGHT, CENTER, TOP, BOTTON e MIDDLE.


C

caso seja incluído dentro do comando o atributo ALT=“figura1”, será especificado um segundo arquivo de figura, com menor resolução, para exibição em dispositivos móveis.


D

ele possui um erro e deveria ser IMG<SRC=“figura1. gif” ALIGN=“LEFT”>


E

apenas o formato gif poderá ser especificado, não sendo permitidos outros formatos.

Os atributos globais são aqueles que podem ser usados somente com os elementos novos da HTML 5, e não com todos os seus elementos.


C

Certo


E

Errado

Ano: 2022
Prova: UFPE - UFPE - Técnico de Tecnologia da Informação - Área: Sistemas - 2022

Qual código HTML com jQuery abaixo irá apresentar corretamente um botão que, quando clicado, emitirá um alerta no navegador Web?


A

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

$("#botaoAlerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>


B

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

$("botaoAlerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>


C

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

("#Alerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>


D

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

$("Alerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>


E

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Prova UFPE</title>

</head>

<body>

<button id="botaoAlerta" name="Alerta">Exemplo</button>

<script src="jquery-3.6.0.js"></script>

<script>

("botaoAlerta").click(function(){

alert('Concurso UFPE!');

})

</script>

</body>

</html>

Uma característica importante do DHTML é a possibilidade de se alterar página para conteúdo exclusivo a cada vez que uma página é carregada.


C

Certo


E

Errado

Considere o seguinte trecho de código HTML abaixo para assinalar a alternativa correta.


<form action="/action_page.php">

<label for="fname">First name:</label><br>

<input type="text"id="fname"name="fname"><br>

<label for="Iname">Last name:</label><br>

<input type="hidden"id="Iname"name="Iname" <br>br>

<input type="submit"value="Submit">

</form>


Fonte: código adaptado de www.w3schoolds.com.


A

O trecho é um formulário o qual o usuário poderá Inserir Ffrst name e Last name.


B

O trecho é um formulário o qual o usuário poderá Inserir somente o First name.


C

O trecho é um formulário o qual o usuário poderá Inserir somente o Last name.


D

O botão Submit está declarado de forma incorreta.


E

Submit não é um tipo válido em HTML.

Na linguagem HTML, o recurso que permite que uma janela HTML do navegador seja dividida em segmentos, podendo cada um desses segmentos mostrar um documento diferente, é denominado


A

Cascading Style Sheets (CSS).


B

frame (quadro).


C

form (formulário).


D

link (ligação).


E

lista.

A figura abaixo é gerada após a execução de um código HTML no browser Firefox Mozilla, com base nas condições descritas a seguir:


  1. Na sintaxe HTML, foi utilizada uma tag que possibilita a exibição do site na tela, que corresponde à URL https://www.pefoce.ce.gov.br/, exclusivamente quando se clica na figura Imagem associada para resolução da questão, nomeada PF.PNG. Se clicar em “BRASIL-2021”, nada ocorre.
  2. Na execução do código HTML, passando o ponteiro do mouse sobre a figura é mostrada uma “mãozinha”, indicando a existência de um link para a URL. Por outro lado, passando o ponteiro do mouse sobre a citação “BRASIL-2021”, a “mãozinha” não é mostrada, indicando a inexistência do link.


Imagem associada para resolução da questão


Nessas condições, o código HTML que gera o resultado descrito é


A

<h1><a href="https://www.pefoce.ce.gov.br/">

<img scr="PF.PNG" alt="PERÍCIA FORENSE"><br>

BRASIL-2021</a></h1>


B

<h1><a href="https://www.pefoce.ce.gov.br/">

<img scr="PF.PNG" alt="PERÍCIA FORENSE"><br></a>

BRASIL-2021</h1>


C

<h1><a link="https://www.pefoce.ce.gov.br/">

<img img="PF.PNG" alt="PERÍCIA FORENSE"><br></a>

BRASIL-2021</h1>


D

<h1><img scr="PF.PNG" alt="PERÍCIA FORENSE"><br>

<a href="https://www.pefoce.ce.gov.br/">

BRASIL-2021</a></h1>


E

<h1><img img="PF.PNG" alt="PERÍCIA FORENSE"><br>

<a link="https://www.pefoce.ce.gov.br/">

BRASIL-2021</a></h1>

No HTML5, os objetos que permitem o armazenamento de dados localmente no cliente são:


A

window e document.


B

PUT e POST.


C

localStorage e sessionStorage.


D

var, local e global.


E

session e cookie.

Considere a codificação de uma página html, a seguir, presente no arquivo concurso.html.


<!DOCTYPE html>

<html>

<body>

<p id="resposta"></p>

<script>

var numeros = [];

numeros.push(3);

numeros.push(18);

numeros.push(7);

numeros.push(12);

numeros.push(5);

numeros.push(9);

var temp=0;

var i;

var j;

for (j=numeros.length-1; j>0; j--){

for (i=0; i<j ;i++){

if (numeros[i] > numeros[i+1]) {

temp=numeros[i+1];

numeros[i+1]=numeros[i];

numeros[i]=temp;

}

}

}

document.getElementById("resposta").innerHTML =

numeros;

</script>

</body>

</html>


Tendo em vista a codificação apresentada, assinale a alternativa referente ao resultado mostrado na tela do navegador, quando a página concurso.html for carregada.


A

3,18,7,12,5,9


B

9,5,12,7,18,3


C

18,12,9,7,5,3


D

3,5,7,9,12,18


E

5,3,7,18,12,9

   
Gerar simulado