Front-end-Tech-2023

•

UNOPAR

0

Agnaldo Lumertz

09/04/2023

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 11 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 6, do total de 11 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 9, do total de 11 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Desenvolvimento Web

6.949 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Iniciado em
	domingo, 9 abr 2023, 07:55
	Estado
	Finalizada
	Concluída em
	domingo, 9 abr 2023, 08:26
	Tempo empregado
	31 minutos 17 segundos
	Avaliar
	8,00 de um máximo de 10,00(80%)
Parte superior do formulário
Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
HTML5 é um tipo de linguagem de computador cuja principal função é apresentar o conteúdo da web de forma padronizada. Esta linguagem de marcação é usada para oferecer suporte a uma variedade de elementos em um site, desde a aparência até a funcionalidade. Essa linguagem é compreendida pelos navegadores e seus elementos servem como instruções para que as páginas da web sejam exibidas de maneira uniforme nos navegadores modernos. Com relação ao HTML, assinale a opção correta.
a.
A tag <body> define o início do corpo do documento web, incluindo os elementos que compõem a página como scripts e link para a folha de estilo.
b.
A tag <head> é um agrupado para todos os elementos de cabeçalho. Os elementos dentro do <head> podem incluir scripts, textos e imagens.
c.
A tag <html> e seu atributo “lang” é de uso exclusivo da versão HTML5.
d.
A declaração <!DOCTYPE> não é uma tag HTML, mas uma instrução para o navegador da web identificar a versão do HTML.
e.
Na tag meta <meta charset="UTF-8"> o valor UTF-8 desabilita o uso dos caracteres universais padrões do Unicode, sendo também compatível com o ASCII (tabela com acentos e uso de ç).
Feedback
Sua resposta está correta.
O <!DOCTYPE> não é uma tag HTML, mas uma declaração que auxilia o navegador a mostrar a página corretamente, determinando o tipo de documento e sua versão. Ela deve ser a primeira declaração em seu documento HTML, antes da tag <html>. 
Em <!DOCTYPE html> a versão atribuída é HTML5. A tag <body> define o corpo do documento, ou seja, ela contém todo o conteúdo de um documento HTML, como texto, hiperlinks, imagens, tabelas, listas, entre outros. Porém, os scripts e elementos de cabeçalho, como o título da página e informações do tipo meta, não incluem textos e imagens. De acordo com a recomendação do W3C, é necessário indicar o idioma principal de cada página da web com o atributo “lang” dentro da tag <html>, como <html lang="en">, que define a linguagem em inglês. Essa definição não é exclusiva do HTML5, pode ser utilizado, por exemplo, no XHTML. Metadados são informações sobre dados, sendo que a tag <meta> fornece metadados sobre o documento HTML. Esses metadados não são exibidos na página, mas são analisáveis pelo navegador. A tag meta <meta charset="UTF-8">; especifica a codificação de caracteres para o documento HTML, habilitando o uso dos caracteres universais padrão do Unicode, sendo também compatível com o ASCII (tabela com acentos e uso de ç).
A resposta correta é:
A declaração <!DOCTYPE> não é uma tag HTML, mas uma instrução para o navegador da web identificar a versão do HTML.
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Um dos principais avanços do HTML5 foi a introdução de um conjunto padronizado de elementos semânticos. O termo semântico refere-se ao significado de uma palavra ou coisa, então elementos semânticos são elementos projetados para marcar a estrutura de um documento de uma forma mais significativa, de uma forma que deixe claro para que servem (WHATWG, 2022). Dadas as tags a seguir, assinale a alternativa que indica quais tags são as utilizadas para prover a semântica no HTML5.
a.
<header>, <div>, <span>, <aside>, <section> e <em>.
b.
<em>, <strong>, <section>, <span> e <header>.
c.
<header>, <footer>, <article>, <aside>, <section> e <nav>.
d.
<div>, <header>, <nav>, <footer> e <aside>.
e.
<header>, <footer>, <article>, <aside>, <section> e <strong>.
Feedback
Sua resposta está correta.
O HTML5 apresentou novos elementos com o intuito de melhorar a semântica do código com tags específicas para delimitação do site de forma legível e organizada, e para que as máquinas indexem de maneira mais precisa seus conteúdos, como cabeçalho <header>, rodapé <footer>, artigos <article>, seções <section>, menu de navegação ou links para conteúdos <nav> e assuntos complementares <aside>. Não são tags semânticas do HTML5 as tags <div> (contêiner genérico para conteúdo, sem representação), <strong> (delimita uma forte importância e é tipicamente mostrado em negrito), <span> (geralmente é usada para agrupar elementos em linha em um documento) e <em>, que marca o texto que tem ênfase.
A resposta correta é:
<header>, <footer>, <article>, <aside>, <section> e <nav>.
Questão 3
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Durante os estudos, você verá que o HTML é um dos blocos de construção mais fundamentais da web. O HTML nasceu oficialmente em 1993 e, desde então, evoluiu para seu estado atual, passando de simples documentos de texto para aplicações web cada vez mais robustas. Sobre as estruturas e as tags existentes em um documento HTML básico, analise as assertivas e assinale a alternativa correta.
a.
A tag “html” determina a inicialização e o término do cabeçalho, um espaço onde serão apresentados os cabeçalhos e o título da página.
b.
A tag “title” determina a inicialização e o término do corpo da página, responsável por apresentar imagens, textos, títulos, links e outros recursos.
c.
Uma tag é um termo específico, utilizado em HTML, sendo representado por sinais de menor que (<) e maior que (>).
d.
A tag “head” determina a inicialização e o término de uma página web, descrevendo ao navegador que as informações apresentadas no documento seguem o padrão HTML.
e.
A tag “body” determina a inicialização e o término do título da página, que estará visível na barra superior do navegador.
Feedback
Sua resposta está correta.
A tag “html” marca o início e o fim da página web, informando ao navegador que o texto contido no documento está escrito em HTML. A tag “head” marca o início e o fim do cabeçalho, a área onde serão descritos os cabeçalhos e o título da página. A tag “title” marca o início e o fim do título da página, que sempre está posicionado na barra superior do browser. A tag “body” marca o início e o fim do corpo da página, que contém imagens, textos, títulos, links etc. Uma tag é uma palavra específica, definida em HTML, envolta por sinais de menor que (<) e maior que (>).
A resposta correta é:
Uma tag é um termo específico, utilizado em HTML, sendo representado por sinais de menor que (<) e maior que (>).
Questão 4
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
Os formulários são uma das partes mais importantes da web. Sem eles, não haveria uma maneira fácil de coletar dados, pesquisar recursos ou se inscrever para receber informações valiosas. Dentro do elemento de formulário, várias entradas são aninhadas. Essas entradas também são conhecidas como controles de formulário. Ao analisar o formulário criado por um desenvolvedor web, foi identificado que o formulário não estava sendo enviado corretamente. Observe o código apresentado na sequência.
O código apresentado possui alguns problemas. Assinale a alternativa que indica qual solução a seguir resolveria o problema do envio.
a.
Incluir o atributo “name” à tag <textarea>.
b.
Incluir um “id” em cada um dos componentes do formulário.
c.
Alterar o tipo do botão de envio para “submit”.
d.
Incluir um atributo “name” ao formulário dentro da tag <form>.
e.
Alterar o método para “get”.
Feedback
Sua resposta está correta.
O botão do tipo “submit” permite que um formulário seja enviado. O método “get” apenas faz o envio pelo URL. O elemento <textarea>, apesar de ser uma solução importante, não resolveria o problema da submissão do formulário.
A resposta correta é:
Alterar o tipo do botão de envio para “submit”.
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Em um determinado projeto, é necessário desenvolver uma página de cadastro para receber inscrições de processos seletivos em uma empresa de recrutamento e seleção. Como parte dos requisitos, é solicitado que o formulário submeta a data atual de cadastroem um dos campos que fará parte do formulário. Assim, esse campo não pode estar visível ao usuário, caso contrário o usuário conseguiria fraudar a data de envio. Assinale a alternativa que indica corretamente o atributo que poderia ser utilizado para atender essa necessidade.
a.
disabled
b.
readonly
c.
placeholder
d.
required
e.
hidden
Feedback
Sua resposta está correta.
A única opção válida seria o atributo “hidden”. Os campos do tipo “hidden” são ocultos para o usuário final. O atributo “placeholder” ajuda o usuário a entender a finalidade do campo de entrada antes de digitar qualquer coisa. O atributo “required” menciona se um campo de entrada é obrigatório. Se um campo tiver o atributo “disabled”, o valor do campo não será enviado ao servidor quando o formulário for enviado, mesmo que o campo esteja visível, mas de forma esmaecida. Se um campo tiver o atributo “readonly”, apesar do campo não ser editável, estará visível e o valor será enviado ao servidor.
A resposta correta é:
hidden
Questão 6
Incorreto
Atingiu 0,00 de 1,00
Marcar questão
Texto da questão
A tag <input> é um controle de entrada que apresenta aos usuários um controle interativo para inserir dados. Tradicionalmente, a tag <input> é encontrada dentro da tag <form> e pode representar campos de texto, caixas de seleção, botões e outras entradas, simplesmente configurando o atributo “type” apropriado. Ao criar um site, o programador optou por utilizar campos do tipo “text” para receber senhas. Assinale a alternativa que indica qual é o problema dessa abordagem.
a.
Campos do tipo “text” permitem que as senhas digitadas sejam visualizadas.
b.
Campos do tipo “text” não fazem a formatação de caracteres.
c.
Campos do tipo “text” são invisíveis.
d.
Campos do tipo “text” não permitem a inserção de caracteres especiais.
e.
Campos do tipo “text” só permitem a digitação de textos, impedindo senhas numéricas.
Feedback
Sua resposta está correta.
A melhor opção seria o uso de campos do tipo “password”, que escondem as senhas. Campos do tipo “text” são visíveis e permitem diversos tipos de caracteres.
A resposta correta é:
Campos do tipo “text” permitem que as senhas digitadas sejam visualizadas.
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
HTML5 é a versão mais recente do HTML. O termo se refere a duas coisas. A primeira é a própria linguagem HTML atualizada, que possui novos elementos e atributos. A segunda é o conjunto maior de tecnologias que funcionam com esta nova versão do HTML e permite que você crie sites e aplicações mais complexos e poderosos. Assinale a alternativa que indica quais são os novos elementos (tags) trazidos pelo HTML5:
a.
<color>, <aside> e <nav>.
b.
<article>, <p>, e <nav>.
c.
<aricle>, <aside> e <color>.
d.
<article>, <aside> e <nav>.
e.
<ul>, <p> e <nav>.
Feedback
Sua resposta está correta.
O HTML5 também adiciona novas tags semânticas, como <article>, <aside> e <nav>, que definem melhor os blocos de conteúdo nas páginas. As demais alternativas apresentam elementos não relacionados com a nova versão.
A resposta correta é:
<article>, <aside> e <nav>.
Questão 8
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
O HTML5 introduziu novas tags multimídia para exibir os fluxos de áudio e vídeo em uma página da web. Assim, é possível reproduzir os arquivos multimídia na página da web especificando sua localização. A partir destas informações, assinale a opção que apresenta corretamente a tag incluída na especificação do HTML5 que permite a reprodução de arquivos que contenham som ou música.
a.
<player>
b.
<sound>
c.
<img>
d.
<music>
e.
<audio>
Feedback
Sua resposta está correta.
A tag <audio> contém informações que o navegador pode usar para interpretar e renderizar o conteúdo multimídia. As tags <player>, <sound> e <music> não são tags válidas de HTML. A tag <img> é utilizada para inserção de imagens no documento.
A resposta correta é:
<audio>
Questão 9
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
As tags estruturais são as tags básicas que devem fazer parte de cada página da web. Elas informam ao navegador que o documento é uma página da web. Existem quatro conjuntos de tags HTML que são necessários para formar a estrutura básica de cada arquivo HTML. Assinale a alternativa que indica quais são as tags básicas essenciais do HTML.
a.
<html>, <p>, <body> e <ol>.
b.
<header>, <head>, <body> e <h3>.
c.
<html>, <h1>, <body> e <table>.
d.
<html>, <head>, <br> e <footer>.
e.
<html>, <head>, <body> e <title>.
Feedback
Sua resposta está correta.
As tags essenciais ao HTML são: <html>, <head>, <body> e <title>. As tags <header> e <footer> fazem parte das tags semânticas. As demais tags <h1>, <h3>, <table>, <p>, <ol> e <br> não são essenciais ao HTML e possuem outras classificações.
A resposta correta é:
<html>, <head>, <body> e <title>.
Questão 10
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Existem tags HTML que são usadas para formatar a aparência do texto em sua página da web. Isso pode melhorar a aparência da página da web, no entanto, muita variedade na formatação do texto também pode parecer desagradável. Assinale a alternativa que indica a tag utilizada para inserir uma quebra de linha dentro de um mesmo parágrafo.
a.
<p>
b.
<break>
c.
<h1>
d.
<br>
e.
<line>
Feedback
Sua resposta está correta.
A tag <br>é a indicada quando queremos fazer uma quebra de linha. Não existem as tags <line> e <break> no HTML. A tag <h1> é utilizada para criação de títulos, e não para quebra de linha. A tag <p> é usada para criação de parágrafos, e não para quebra de linha.
A resposta correta é:
<br>
Parte inferior do formulário