Questões de Concurso sobre HTML

Considerando o código da página web abaixo, analise as assertivas seguintes.

.

.

I. O elemento div define uma seção em uma página web e é equivalente ao elemento span.

II. No CSS, o seletor div p corresponde todos os parágrafos dentro de qualquer elemento div.

III. A cor de fundo do elemento div foi definida para darkblue.

IV. O tamanho da área em volta da borda do elemento div foi definida para 30px e o tamanho da área em volta do conteúdo do elemento div foi definida para 20px.

V. A largura disponível para o parágrafo dentro do elemento div é de 170px.

Sobre as assertivas acima, é correto afirmar que:

Analise o programa a seguir, elaborado em HTML e JavaScript. Os pontos assinalados com (1) e (2) correspondem a informações suprimidas do programa.

<html>

<script language=JavaScript>

<!--

function idade (idade_digitada) {

if (idade_digitada > 17)

{alert (“Pessoa maior de idade”) }

else

{alert (“Pessoa menor de idade”) }

}

</script>

<body>

Digite a sua idade:

<form>

< (1) type=text size=3 maxlength=3

name=”idade_digitada” (2)

=”idade(idade_digitada.value)”>

</form>

</body>

</html>

Quando o programa for aberto por um navegador que suporte HTML e JavaScript, como o Chrome ou o Edge: – ao se executar o programa será exibido na tela

Digite a sua idade:

– após ser digitada a idade 17, por exemplo, seguida da tecla Enter, será exibido na tela:

Para que estas exibições ocorram conforme apresentado, (1) e (2) deverão ser, respectivamente:

Deseja-se elaborar um programa na linguagem HTML que deva apresentar o resultado de um vestibular, após ser aberto por um navegador que suporte HTML, como o Chrome ou o Edge, conforme mostra a tela a seguir:

Resultado do Vestibular:

1. Lista dos Aprovados

2. Lista de Espera

A Lista dos Aprovados e a Lista de Espera devem ser hiperlinks (ambos hiperlinks devem ser considerados na cor azul) para os arquivos aprovados.pdf e espera.pdf, respectivamente.

Elaborou-se um programa para a finalidade pretendida, sendo que os pontos assinalados com (1), (2), (3), (4) e (5) correspondem a informações suprimidas do programa.

<html><head>

</head><body>

<p><(1)> Resultado do Vestibular:</(1)></p>

<(2)>

<(3)> (4) </a>

<(3)> (5) </a>

</(2)>

</body></html>

Sobre (1), (2), (3), (4) e (5) tem-se que:

A linguagem HTML permite que tabelas sejam criadas. A única afirmação correta relacionada com tabelas nessa linguagem é:

Assinale a alternativa que NÃO apresenta tag suportada no HTML 5:

<html>

<p id=“saida”></p>

<head>

<script type=“text/javascript” >

const user = {

nome: 'Pedro Maria',

email: '[email protected]',

idade: 25,

nascimento: '21/02/1996',

masculino: true

};

document.getElementById(“saida”).

innerHTML = ““;

for (const key in user) {

document.getElementById(“saida”).

InnerHTML += `$ {key}:

$ {user[key]}`;

}

</script>

</head>

</html>

Considerando o código precedente, em HTML, julgue o item a seguir.

O código em questão apresenta um erro de sintaxe, porque atribui valores de tipos diferentes a uma mesma variável.

Observe a porção de código abaixo, ele pertence a uma das linguagens de marcação de hypertexto:

<video width="320" height="240" controls="controls">

<source src="movie.mp4” type="video/mp4" />

<source src="movie.ogg" lype="video/ogg" />

Seu navegador não suporta a tag vídeo.

</video>

A qual linguagem de marcação de texto pertence o código exibido?

Assinale a alternativa correta:

Assinale a alternativa que completa correta e respectivamente as lacunas do texto abaixo.

O ________ é 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 aos quais podem ser incorporadas imagens e objetos como, por exemplo, uma animação ou um vídeo.

Enquanto ______ são linguagens de marcação, o ______ é uma linguagem de estilo, responsável pela formatação e apresentação do conteúdo: layout, cores, fontes.

O uso do _____ permite que conteúdo e apresentação (estilo) sejam trabalhados de forma independente, conferindo flexibilidade e modularidade ao fluxo de trabalho para web.

O ________ é uma linguagem de programação que pode ser incorporada diretamente em páginas _____ _, com a função de adicionar mais interatividade.

Este código foi escrito em

No HTML, as cores podem ser representadas nos formatos

Observe o código a seguir.

_<!DOCTYPE html>

_<html>

__<head>

___<script

src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">

_</script>

__<script>

____//Inserir código aqui

__</script>

_</head>

<body>

___<h3>Lorem Ipsum</h3>

<div>

_Lorem ipsum dolor sit amet, consectetur adipiscing elit.

_<p>Pellentesque ut nunc elit. Nullam rutrum nibh placerat.</p>

</div>

<p>Fusce rutrum, lacus in laoreet egestas, ex lacus laoreet quam</p>

<p>Vestibulum ante ipsum primis in posuere cubilia curae</p>

__-_<button>Remover</button>

__</body>

</html>

Para adicionar ao botão o comportamento de remover apenas os elementos-filhos e o conteúdo do elemento div, pode-se utilizar o seguinte trecho de código no elemento script:

Na linguagem HTML, para criar uma lista ordenada com três itens (A, B e C), deve-se utilizar um conjunto de tags como mostrado a seguir:

<comando 1>

<comando 2> A

<comando 2> B

<comando 2> C

</comando 3>

Os nomes das tags comando 1, comando 2 e comando 3 são, respectivamente:

Um analista de TI descobriu que teve sua conta comprometida a partir de um código javascript malicioso num site que está habituado a acessar. Ao analisar a página acessada, identificou que existia uma vulnerabilidade que permitia que tags HTML fossem incorporadas na seção de comentários da página, de maneira permanente.

O ataque sofrido na página foi:

O HTML5 trouxe novos elementos e atributos e a redefinição de alguns elementos e atributos existentes, dentre outras alterações. O atributo que torna arrastável o elemento em que foi inserido e que admite os valores true, false e auto é:

Considere o formulário HTML e a função JavaScript abaixo.

<form method="post">

__ <label for="n">Usuário:</label>

__ <input type="text" name="user" size="30" id="n">

__ <label for="s">Senha:</label>

__ <input type="password" name="senha" size="30" id="s">

__ <input type="button" value="Entrar" I >

__ </form>

<script>

function verificar(u, s) {

}

</script>

Para que ao clicar no botão a função verificar seja chamada, passando o conteúdo dos campos user e senha como parâmetros, a lacuna I deverá ser preenchida corretamente com

Considere o seguinte código HTML/Javascript/JQuery.

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” />

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js”>

<script type=”text/javascript”>

$(document).ready(function () {

$(“#conteudo”).hide();

$(“#link_abre”).click(function () {

$(“#conteudo”).COMANDO;

});

});

</script>

<body>

<div id=”container”>

<div id=”titulo”>

Meu site

<a id=”link_abre” href=”#”>Clique Aqui</a>

</div>

<div id=”conteudo”>

<p>Aqui está o meu conteúdo </p>

</div>

</div>

</body>

</html>

Selecione a alternativa que substitui o texto “COMANDO” para que, ao clicar no link_abre, o texto armazenado na tag div “conteudo” apareça devagar e, assim que clicar novamente, desapareça devagar.

Analise o programa a seguir, elaborado em HTML. O ponto assinalado com (1) corresponde a informações suprimidas do programa.

<html><body>

<table border=''1''>

<tr>

<td (1) aligh=”center”>Blusa</td>

<td>Branca</td>

</tr>

<td>Azul</td>

</tr>

<td>Vermelha</td>

</tr>

</table>

</body></html>

Quando o programa for aberto por um navegador que suporte HTML, como o Chrome ou Edge, será exibido na tela:

Para que esta exibição ocorra conforme apresentado, (1) deve ser:

Considerando o HTML5, os marcadores <OL> e </OL>, são utilizados para:

Com a nova versão do HTML5 pretende-se que ele seja o novo padrão para o:

6 Em HTML 5, o elemento aside define um bloco de conteúdo que faz referência ao conteúdo principal que o cerca.