wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Fundamentos de HTML, Bootstrap e CSS

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Qual atributo do elemento descreve a imagem?

a)

src descreve o caminho do arquivo

b)

alt fornece texto alternativo da imagem

c)

srcset define versões responsivas da imagem

d)

title muda a legenda visível da imagem

2.

No sistema de grid do Bootstrap, o que indica a classe col-md-4?

a)

Coluna com 4 de 12 colunas totais

b)

Coluna com largura fixa de 4rem

c)

Coluna que ocupa toda a linha sempre

3.

No código a href="#" class="btn btn-primary", o símbolo # indica que:

a)

O link abre nova aba do navegador

b)

O link não redireciona para outra página

c)

O link carrega um arquivo local no servidor

d)

O link rola até o topo da página

4.

Qual função CSS cria uma transição suave entre duas ou mais cores em um fundo?

a)

radial-color()

b)

linear-gradient()

c)

color-mix()

d)

background-fade()

5.

Em linear-gradient(113deg, #000 0%, #1E2021 44.96%, #1E2022 100%), o que 113deg especifica?

a)

A direção axial do flex container

b)

O ângulo de inclinação do gradiente

c)

A opacidade inicial do gradiente

d)

A intensidade de contraste das cores

6.

No gradiente dado, o que significa #000 0%?

a)

Cor preta inicia no começo do gradiente

b)

Cor preta termina no final do gradiente

c)

Cor preta aparece no meio do gradiente

d)

Cor preta é aplicada ao texto apenas

7.

O que display: flex faz em um elemento HTML?

a)

Transforma em container flexível

b)

Aplica alinhamento vertical

c)

Define espaçamento interno

d)

Oculta transbordamentos

8.

Em um container flex, a propriedade gap controla qual aspecto do layout?

a)

Margem externa dos itens

b)

Espaço entre linhas e colunas

c)

Largura mínima dos filhos

d)

Ordem de empilhamento visual

9.

Qual propriedade CSS transforma o texto em letras maiúsculas?

a)

text-align: center

b)

text-transform: uppercase

c)

font-weight: 600

d)

letter-spacing: wide

10.

Qual propriedade controla o arredondamento das bordas de um botão?

a)

border-radius

b)

font-weight

c)

justify-content

d)

overflow