NEW
Font size
WorksheetsAvaliação 2º Programação
Total questions: 10
Worksheet time: 30mins
A tag <h1> serve para?
Criar o título de maior importância em um documento HTML.
Para adicionar uma imagem no arquivo index.html utiliza-se a
tag ?
<img>
<imagem>
<image>
<im>
A propriedade width altera a largura da fonte no arquivo?
Style.css
Index.html
A vantagem de utilizar a mesma estrutura é ?
A possibilidade de copiar e colar.
A possibilidade de substituir as informações .
A possibilidade de copiar e colar e substituir as informações variáveis dos estudantes (nome e imagem).
Você adicionou o logo do site em sua página e definiu as seguintes propriedades
na classe .imagem:
• Largura e altura ocupando 50% da página;
• Espaçamento externo de 10 pixels para todos os lados.
Agora, escolha a alternativa correta que representa as propriedades aplicadas no
arquivo CSS:
Para construir a seção Escola, utilizamos várias tags que organizaram os elementos visuais de texto e a imagem dentro da página. Agora, marque a alternativa correta para identificar as tags utilizadas para construir:
• O agrupamento dos elementos da seção;
• O título da seção;
• O texto descritivo da seção;
• A imagem.
<div> | <p> | <h2>| <img>
<img> | <h2> | <div>| <p>
<p> | <h2> | <div>| <img>
<div> | <h2> | <p>| <img>
Considerando uma classe CSS chamada .principal, escolha a alternativa que realiza as seguintes estilizações:
• Define o layout como flexível;
• Aplica um espaçamento interno de 20 pixels;
• Distribui os elementos com espaço igual em volta deles;
• Aplica um espaçamento externo de 20 pixels;
• Define a cor de fundo como laranja.
Selecione a alternativa correta:
Você criou uma classe no CSS com as seguintes propriedades:
• Cor de fundo: amarela;
• Cor da fonte: branca;
• Fonte escolhida: Arial.
Agora, marque a alternativa correta que representa a aplicação das propriedades no CSS, para compor a sequência correta.
background-color | green; | color: | white; | font-family: | Arial,Helvetica,
sans-serif;
background-color | yellow; | color: | white; | font-family: | Arial,Helvetica,
sans-serif;
color: | white; background-color | green; | font-family: | Arial,Helvetica,
sans-serif;
background-color | yellow; | color: | black; | font-family: | Arial,Helvetica,
sans-serif;
Construa uma classe CSS e aplique as seguintes propriedades:
• Espaçamento externo de 10 pixels em todos os lados;
• Espaçamento interno de 2 pixels (cima/baixo) e 0 pixels (esquerda/direita);
• Layout flexível;
• Alinhamento vertical e centralizado.
Marque a alternativa correta que representa corretamente as propriedades
aplicadas.
margin: 10px; | padding: 2px 0; | display:flex; | align-items: center;
padding: 2px 0; | margin: 10px; | display:flex; | align-items: center;
margin: 10px; | padding: 2px 0; | display:flex; | align-items: space-around;
padding: 2px 0; | margin: 10px; | display:flex; | align-items: space-center;
Observe o código a seguir:
Agora, identifique as principais funcionalidades desse trecho de código e selecione a alternativa correta:
Ao clicar no texto “Desenho onde o personagem aparece”, o usuário será
redirecionado para um vídeo na plataforma YouTube.
Esse código possui três classes responsáveis por estilizar os elementos: per-
fil, imagem e href.
O nome do personagem foi criado com a tag < h3 >, que, por sua vez, aplica
a maior fonte que um título pode ter.
A tag < imagem > é responsável por adicionar uma imagem na página.
