Av1 - Programação Web

Prévia do material em texto

1) 
Apesar de que em geral, recomenda-se realizar a formatação de textos usando o CSS, o HTML 
fornece uma série de tags especialmente desenvolvidas para a formatação de textos. Essas tags 
visam principalmente atribuir semântica ao conteúdo da página. 
 
De acordo com as informações apresentadas na tabela a seguir, faça a associação dos feitos 
contidos na Coluna A com seus respectivos autores, apresentados na Coluna B. 
 
A B 
I. b 1. Negrito 
II. i 2. Título 
III. p 3. Itálico (atribui importância ao item) 
IV. h1 4. Parágrafo 
Assinale a alternativa que apresenta a associação CORRETA entre as colunas. 
 
 
Alternativas: 
• a) 
• I – 1; II – 3; III – 4; IV – 2. 
• Alternativa assinalada 
• b) 
• I – 2; II – 1; III – 4; IV – 3. 
• c) 
• I – 1; II – 4; III – 2; IV – 3. 
• d) 
• I – 2; II – 3; III – 1; IV – 4. 
• e) 
• I – 3; II – 2; III – 4; IV – 1. 
2) 
HTML possui tags especialmente construídas para lidar com arquivos de mídia. Para inserção desse 
tipo de arquivo, deve-se inicialmente informar a tag correspondente com a localização e nome do 
arquivo enviado como valores de seus respectivos atributos. 
Quais são as tags utilizadas para inserção de imagens externas, vídeos e arquivos de som, 
respectivamente? Assinale a alternativa correta. 
 
 
Alternativas: 
• a) 
• <img>, <video> e <audio>. 
• Alternativa assinalada 
• b) 
• <image>, <dvd> e <audio>. 
• c) 
• <img>, <video> e <sound>. 
• d) 
• <image>, <mp4> e <mp3>. 
• e) 
• <img>, <video> e <som>. 
3) 
iFrames são tags HTML que permitem a inserção de um documento dentro de outro documento. 
Na prática, um <iframe> insere um quadro na página atual que irá exibir o conteúdo de outra 
página. 
 
Um exemplo comum de uso de iframes é a plataforma YouTube, que permite a incorporação de 
vídeos em páginas externas. Assim, ao acessar a página desejada que possui um vídeo do YouTube 
incorporado, o navegador irá carregar o conteúdo do vídeo de um servidor externo, não sendo 
necessário gastar recursos do servidor que hospeda o site para transferência de dados. 
 
Entretanto, muitos servidores utilizam estratégias para impedir que seus sites sejam incorporados 
por meio de tags <iframe>. Uma forma de fazer isso é usando o cabeçalho de resposta HTTP X-
Frame-Options, que permite o bloqueio do carregamento do site em tags do tipo <frame>, 
<iframe>, <embed> ou <object>. 
 
MSD Web Docs. Disponível em: https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Headers/X-
Frame-Options. Acesso em 21 de dez. 2020. 
Assinale a alternativa que apresenta corretamente os argumentos válidos para o bloqueio de 
incorporação de páginas em frames. 
 
 
Alternativas: 
• a) 
• O uso de iframes têm um alto custo computacional, uma vez que duas páginas são 
carregadas ao mesmo tempo, forçando o navegador a aumentar o consumo de memória e 
processamento. 
• b) 
• Aumenta a segurança contra ataques, uma vez que impede a prática de click-jacking 
(quando um usuário é enganado ao clicar em um botão que leva a um endereço diferente 
do desejado). 
• Alternativa assinalada 
• c) 
https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Headers/X-Frame-Options
https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Headers/X-Frame-Options
• Nunca se deve usar iframes. Logo, servidores que não utilizam a resposta HTTP X-Frame-
Options ativa por padrão estão fadados a sofrer ataques de negação de serviço. 
• d) 
• O bloqueio de iframes, como por meio da resposta HTTP X-Frame-Options, é um recurso 
legado de versões anteriores do HTML. Portanto, seu uso não é recomendado. 
• e) 
• A tag <iframe> foi abolida do HTML5, sendo substituída pela tag <embed>. 
4) 
Em páginas HTML5 cada elemento pode ser interpretado como uma caixa (box model). Assim, 
usando propriedades CSS é possível aplicar bordas aos elementos, além de inserir espaçamentos 
internos e externos. Pode-se ainda determinar o tamanho da caixa usando propriedades que 
alteram largura e altura. 
Em CSS, quais as propriedades usadas para alterar altura e largura, respectivamente, de um 
elemento HTML? Assinale a alternativa correta. 
 
 
Alternativas: 
• a) 
• margin e padding. 
• b) 
• width e height. 
• c) 
• padding e margin. 
• d) 
• height e padding. 
• e) 
• height e width. 
• Alternativa assinalada 
5) 
QUESTÃO ANULADA! 
Selecione uma das alternativas para que a nota dessa questão seja registrada. 
*O ponto só será validado se uma das alternativas for assinalada, por isto atenção para 
não deixar nenhuma questão sem resposta. Para os alunos que já concluíram a atividade, não é 
necessário abrir chamado; todas as notas serão recalculadas automaticamente. 
 
 
A tabela a seguir apresenta uma lista de estados da região Sudeste e sua sigla correspondente. 
 
Estado (Sudeste) Sigla 
Minas Gerais MG 
São Paulo SP 
Rio de Janeiro RJ 
Espírito Santo ES 
 
Observe a forma a qual essa tabela foi formatada. 
Qual código CSS poderia ser utilizado para adicionar essas bordas? Assinale a alternativa correta. 
 
 
Alternativas: 
• a) 
• th, td{ border-bottom: 1px solid black; } 
• Alternativa assinalada 
• b) 
• td{ border-top: 1px solid black; } 
• c) 
• tr{ border-bottom: 1px solid black; } 
• d) 
• table{ border: 1px solid black; } 
• e) 
• p{ border-bottom: 1px solid black; }