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
 

Considere a página HTML renderizada por um navegador web e o código fonte HTML5/CSS3 a seguir:


CÓDIGO FONTE

PÁGINA HTML RENDERIZADA


<!DOCTYPE html><html>


<................>


<body><table>

<tr><th>Nome</th><th>Idade</th></tr>

<tr><td>Ze</td><td>23</td></tr>

<tr><td>Maria</td><td>26</td></tr>

</table></body></html>

Imagem associada para resolução da questão


Assinale a alternativa CORRETA com o código HTML5/CSS3 que irá substituir o trecho “<................>” do código fonte para gerar a página HTML renderizada:


A

<head><style>

table, th, td {

-border: 1px solid black;

-border-radius: 10px;

-width: 200px;

}

</style></head>


B

<head><style>

table, th, td {

-border: 1px solid black;

-border-radius: 10px;

}

</style></head>


C

<head><style>

table, th, td {

-border: 1px solid black;

-border-radius: 10px;

-width: 200%;

}

</style></head>


D

<head><style>

table, th, td {

-border: 1px solid black;

-width: 200%;

}

</style></head>


E

<head><style>

table, th, td {

-border: 1px solid black;

-border-radius: rounded;

}

</style></head>

No contexto da HTML, considere o código a seguir.


<img src="xxxxx" alt="yyyyy">


Nesse caso, as strings “xxxxx” e “yyyyy” estabelecem, respectivamente,


A

a função que define o path da imagem / o formato do elemento que contém a imagem.


B

a largura da imagem / a altura da imagem.


C

o id do elemento que contém a imagem / o id da imagem alternativa.


D

o path da imagem / o texto alternativo da imagem.


E

o tipo de arquivo da imagem / o tipo de transição na renderização.

Observe o código a seguir:


1 ____ <!DOCTYPE html>

2 ____ <html lang="pt-br">

3 _ ___ <head>

4 __ __ <meta charset="utf-8">

5 ____ </head>

6 __ __ <body>

7 __ __ <?php

8 ____ function dobro($num)

9 ____ {

10 ________ $num*=2;

11 ___ }

12 ___ $a=8;

13 ___ echo "dobro de $a é ";

14 ___ dobro($a);

15 ___ echo $a;

16 ___ ?>

17 ___ </body>

18 ___</html>


Considere que o propósito do programa seja escrever o dobro da variável $a na tela.


Sabendo que o código atual não atende ao propósito do programa, para atender a esse propósito


A

será obrigado alterar a linha 10 para return $num*=2; para escrever o número 16


B

basta adicionar o & na variável $num encontrada no cabeçalho da função


C

basta alterar o comando da linha 10 $num*=2; para return $num=$num*2;


D

basta alterar a linha 14 para $a=dobro($a);

O código html a seguir corresponde à uma página que apresenta uma lista de frutas. Marque a alternativa com a sequência CORRETA das cores das frutas listadas.


<html>

-<head>

--<title>Hello World</title>

-</head>


-<style type="text/css">

--ol{colar : blue; } li{colar : orange;}

--#id01{colar : red;}

--.cl01{colar : green;}

--.cl02{colar : yellow;}

-</style>


-<body>

--<ol>

----< li>Manga</ li>

----< li class="cl01" id="id01">Uva</li>

----< li>Limão</li>

----<li class="cl01">Pera</li>

----< li class="cl02">Abacate</li>

--</ol>

-</body>

</html>


A

Laranja, vermelho, laranja, verde, amarelo.


B

Laranja, verde, laranja, verde, amarelo.


C

Laranja, laranja, laranja, laranja, laranja.


D

Preto, preto, preto, preto, preto.


E

Laranja, amarelo, laranja, verde, amarelo.

Na linguagem HTML,


A

as listas podem ser ordenadas, criadas com o par de comandos <UL></UL>, e não ordenadas, criadas com <OL></OL>.


B

caso uma página seja extensa, pode-se criar âncoras, que são marcas colocadas dentro do texto e que são utilizadas como endereço de link.


C

os comandos para a criação de uma tabela são: <TABLE></TABLE>, que definem a tabela e deve envolver os demais comandos; <TD></TD>, que definem uma linha da tabela; e <TR></TR>, que criam as colunas ou células de cada linha da tabela.


D

para dividir uma seção da página, utiliza-se o comando <DV>, que insere no local uma linha divisória na largura da tela.


E

um link é criado pelo comando <A LINK=”endereço”> Texto</A>, no qual “endereço” corresponde a um endereço da Internet.

Para aprimorar a experiência do usuário nos sistemas web e facilitar o desenvolvimento de soluções para esse ambiente, a W3C padronizou uma nova plataforma para desenvolvimento de sites para a Internet, conhecida como HTML5. Nesta versão, navegadores passam a suportar um conjunto considerável de novas tags, além de trabalhar com outras já existente. Assinale a alternativa que apresenta uma tag que já existia antes do HTML5.


A

div


B

áudio


C

header


D

canvas

Considere um trecho de HTML que contém o elemento a seguir


<img src="xxxxxx">


e as três alternativas para o preenchimento do valor do atributo, mostradas a seguir.


I. src="https://www.w3schools.com/images/img_girl.jpg"

II. src="/images/img_girl.jpg"

III. src="img_girl.jpg"


Estão corretas as alternativas


A

I e II, somente.


B

I e III, somente.


C

I, II e III.


D

II e III, somente.


E

I, somente.

Quando um Técnico criou uma página web usando HTML e CSS, um elemento ficou sobreposto ao outro na tela e ele deseja inverter a ordem de sobreposição desses elementos. Para definir ou mudar a ordem de sobreposição dos elementos ele deve utilizar a propriedade CSS


A

z-index


B

inverter


C

position


D

flex-position


E

x-order

Analise o seguinte trecho de código HTML a seguir para assinalar a alternativa que especifica a salda esperada.


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>


<p>&#128512;</p>


</body>

</html>


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


A

Será impresso o número 128512.


B

Será impresso o número #128512.


C

Será impresso o valor 128512;.


D

Será impresso o emoji Imagem associada para resolução da questão.


E

Será impresso o emoji Imagem associada para resolução da questão.

Assinale a alternativa que relaciona a descrição correta das tags HTML abaixo:


Tags


A. <aside>

B. <fígure>

C. <section>

D. <head>

E. <header>


Descrições


1. Para de de conteúdo stand-alone.

2. É de suporte introdutório ou navegacional.

3. Conteúdo que é tangencialmente relacionado ao conteúdo do seu entorno, que ser considerado separado do conteúdo.

4. Uma de um documento, geralmente com um título, quando não existir um elemento semântico para representá-lo.

5. Providencia informações sobre o documento, incluindo seu título e links para scripts e folhas de estilos.


A

A-3; B-1;C-4; D-5; E-2


B

A-4; B-3; C-2; D-5; E-1


C

A-3; B-4;C-1; D-2; E-5


D

A-4; B-5; C-3; D-2; E-1


E

A-2;B-1;C-3; D-4; E-5

A figura Imagem associada para resolução da questão mostra o resultado da execução de um código, HTML, com os seguintes detalhes:


I. Se, por meio do mouse clicar na logomarca Imagem associada para resolução da questão do arquivo logo.png, nada acontece.

II. Se passar o mouse sobre a palavra SITE, aparece uma “mãozinha” sobre ela, significando que há um hiperlink. Ao clicar nesse link, será mostrada a homepage da PREFEITURA DE PONTES E LACERDA que corresponde à URL https://www.ponteselacerda.mt.gov.br/home.


O código HTML para essa situação está indicado em:


A


<h1>

<img src="pl.jpg" alt="PREFEITURA PONTES E LACERDA"><br>

<a href="https://www. ponteselacerda.mt.gov.br/home">SITE</a>

</h1>


B


<h1>

<a href="https://www. ponteselacerda.mt.gov.br/home">SITE</a>

<br><img src="pl.jpg" alt="PREFEITURA PONTES E LACERDA">

</h1>


C


<h1>

<src img="pl.jpg" alt="PREFEITURA PONTES E LACERDA"><br>

<a link="https://www. ponteselacerda.mt.gov.br/home">SITE</a>

</h1>


D


<h1>

<a link="https://www. ponteselacerda.mt.gov.br/home">SITE</a>

<br><src img="pl.jpg" alt="PREFEITURA PONTES E LACERDA">

</h1>

A palavra-chave list atribui elementos de uma matriz a uma lista de variáveis.


Dado o exemplo de código a seguir:


<!DOCTYPE html>

<html>

<body>

<?php

list(2 => $a, 0 => $b, 1 => $c) = [1, 2, 3, 4];

echo $a . '-'.$b .'- '. $c . "<br>";

?>

</body>

</html>


O que será impresso na tela é


A

1-2-3


B

2-0-1


C

3-1-2


D

2-0-1-2-3-4

Na programação web, o HTML é a linguagem para marcação e organização dos conteúdos nas páginas web. Sobre as tags para conteúdo multimídia (áudio, vídeo e imagem), assinale a alternativa correta.


A

Uma das tags para incluir imagens nas páginas web é a <image>.


B

As tags multimídia precisam de um atributo chamado src.


C

É necessária a programação de uma estrutura base para a utilização da tag de vídeo.


D

A tag <a> é uma simplificação para colocar áudio na página web.


E

A tag <video> não precisa ser finalizada (<\video>).

Geralmente, o elemento embed é considerado como o ponto central do conteúdo do documento, tendo em vista que sua principal função é marcar o conteúdo a ser distribuído via RSS.


C

Certo


E

Errado

A jQuery faz uso do construtor $() para encontrar os elementos HTML dentro da página e utilizar as funções da biblioteca. A sintaxe básica é $(selector).action().


A seguir são listados alguns exemplos de seletores com a sua sintaxe:


I. $(this).hide()

• Demonstra o método jQuery hide() usado para esconder o elemento HTML atual.

II. $("#test").hide()

• Demonstra o método jQuery hide() usado para esconder o elemento da classe="test".

III. $("p").hide()

• Demonstra o método jQuery hide() usado para esconder todos os elementos dentro das tags <p>.

IV. $(".test").hide()

• Demonstra o método jQuery hide() usado para esconder todos os elemento da classe "test".

V. $(“:button”)

• Seleciona todos os elementos <button> e também <input type=“button”>


Dentre estes seletores, os que apresentam a sintaxe corretamente correspondente são


A

I, II, III e IV.


B

I, II,IV e V.


C

I, II, III e V.


D

I, III, IV e V.

Na linguagem HTML5, o atributo class destina-se a


A

definir a qual elemento deve ser dado o foco tão logo a página seja carregada.


B

definir uma classe para o elemento com a finalidade de servir de referência para estilização e scripts.


C

especificar o alinhamento horizontal do elemento.


D

indicar se controles no formulário podem, por padrão, ter seus valores completados automaticamente pelo navegador.


E

declarar a codificação dos caracteres da página ou do script.

Analise a imagem a seguir:


<HEAD>

<script>

function Circulo(x, y, r) { // função "construtora"

this.x = x; // definição das propriedades deste objeto

this.y = y;

this.r = r;

}

// definição de um método toString para o Circulo

Circulo.prototype.toString =

new Function("return 'O círculo de raio '+this.r+' em ('+this.x+','+this.y+')';");

// criação de um método area para o Circulo

Circulo.prototype.area =

new Function("return 3.14 * this.r * this.r;");

</script>

</HEAD>

<BODY>

<h1>Circulos</h1>

<script>

c1 = new Circulo(2,2,7); // uso da função construtora

c2 = new Circulo(1,2,8);

// uso de métodos

document.write ("<P>'' + c1.toString() + " tem área igual a " + c1.area () + ".");

document.write ("<P>" + c2.toString() + " tem área igual a " + c2.area () + ".");

</script>

</BODY>


Podemos afirmar que o resultado da visualização da página, contendo o código JavaScript, será:


A

Círculos

O circulo de raio 7 em (2,2) tem área igual a 153.86.

O circulo de raio 8 em (1,2) tem área igual a 200.96.


B

Círculos

O círculo de raio 7 em (2,2) tem área igual a 153.86.


C

Círculos

O círculo de raio 7 em (2,2) tem área :igual a 153.86. O circulo de raio 8 em (1 ,2) tem área igual a 200.96.


D

Círculos

O círculo tem área igual a 153.86.

O círculo tem área igual a 200.96.

Considere o trecho HTML a seguir:


<ol>

<li>cadastrar</li>

<li>matricular</li>

</ol>


cadastrar matricular O que representa o elemento HTML <ol>?


A

Lista não-ordenada.


B

Parágrafo.


C

Título.


D

Lista ordenada.


E

Cabeçalho.

   
Gerar simulado