Avaliação 2º Programação

A tag <h1> serve para?

• Definir o tamanho da fonte em um documento HTML.
• Inserir uma imagem em um documento HTML.
• Criar o título de maior importância em um documento HTML.

• Criar uma lista ordenada 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.