wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Revisão HTML CSS Power Blaster

Total questions: 31

Worksheet time: 24mins

Name
Class
Date
1.

Considere o seguinte cenário: um programador não consegue aplicar a estilização em seu código. Apesar de ter feito um arquivo ".css", por algum motivo não está aplicando os estilos. Ao analisar o seu código, percebe o erro. Qual seria o erro baseando-se na imagem abaixo?

a)

Ele não aplicou o DOCTYPE HTML

b)

Falta de vinculação do arquivo CSS ao arquivo HTML usando a tag <link>

c)
Erro de sintaxe no arquivo CSS
d)

Falta de vinculação do arquivo CSS ao arquivo HTML usando a tag <style>

2.

O que são os atributos de tags em html?

a)
Os atributos de tags em HTML são códigos de programação que controlam a interatividade das tags
b)
Os atributos de tags em HTML são elementos de estilo que determinam a aparência das tags
c)
Os atributos de tags em HTML são cores específicas que podem ser aplicadas às tags
d)
Os atributos de tags em HTML são informações adicionais que podem ser incluídas nas tags para fornecer mais detalhes ou funcionalidades.
3.

Qual a função da tag <div> em HTML?

a)

A tag <div> é usada para criar uma lista ordenada de itens

b)

A tag <div> é usada para criar uma seção genérica em um documento HTML

c)

A tag <div> é usada para adicionar uma imagem em um documento HTML

d)

A tag <div> é usada para criar um link em um documento HTML

4.

O que significa a sigla HTML?

a)

Hyper Text Markup Language

b)

High Tech Modern Language

c)

Home Tool Management Language

d)

Human Touchable Media Language

5.

Qual a diferença entre as tags <span> e <div> em HTML?

a)

A tag <span> é usada para criar uma seção genérica e a tag <div> é usada para estilização de texto

b)

A tag <span> é usada para agrupar elementos em um texto e a tag <div> é usada para agrupar elementos em bloco

c)

A tag <span> é usada para adicionar imagens e a tag <div> é usada para adicionar links

d)

A tag <span> é usada para criar tabelas e a tag <div> é usada para criar formulários

6.

Considere a página HTML ao lado. Considere que também o bloco em azul tenha sua classe chamada "container". Sendo assim, como seria seu código, em CSS, para alinhar os elementos filhos dela ao centro?

a)

b)

c)

d)

7.

Qual a função da tag <a> em HTML?

a)

A tag <a> em HTML é usada para criar uma lista de itens.

b)

A tag <a> em HTML é usada para adicionar uma imagem em um documento HTML.

c)

A tag <a> em HTML é usada para criar um link para outra página ou recurso.

d)

A tag <a> em HTML é usada para estilizar o texto de um documento.

8.

O que significa a sigla CSS?

a)

Creative Style Sheets

b)

Cascading Style Sheets

c)

Computer Style System

d)

Colorful Styling Software

9.

Um programador na Google precisa alterar a largura e altura de um elemento em HTML. Qual seriam as propriedade em CSS para alterar esse valores do elemento?

a)
sizeX e sizeY
b)
length e width
c)
dimensionX e dimensionY
d)
width e height
10.

Qual a diferença entre margin e padding em CSS?

a)

Margin é o espaço dentro do elemento e padding é o espaço fora do elemento

b)

Margin é o espaço fora do elemento e padding é o espaço dentro do elemento

c)

Margin é usado para adicionar cor ao elemento e padding é usado para adicionar bordas

d)

Margin é usado para alinhar o elemento e padding é usado para definir a largura do elemento

11.

Qual a função da tag <ul> em HTML?

a)

A tag <ul> em HTML é usada para criar uma lista ordenada de itens.

b)

A tag <ul> em HTML é usada para criar uma lista não ordenada de itens.

c)

A tag <ul> em HTML é usada para adicionar uma imagem em um documento HTML.

d)

A tag <ul> em HTML é usada para criar um link em um documento HTML.

12.

Um programador de uma empresa famosa recebe uma reclamação de seus superiores, pois não atendeu um norma de boa prática em programação e códigos. Analisando o seu código, qual seria a norma não cumprida?

a)
Falta de comentários explicativos
b)
Não seguir o padrão de nomenclatura
c)
Uso excessivo de comentários
d)
Falta de indentação correta
13.

Qual a diferença entre as tags <header> e <footer> em HTML?

a)

A tag <header> é usada para o rodapé de uma página e a tag <footer> é usada para o cabeçalho

b)

A tag <header> é usada para agrupar elementos de navegação e a tag <footer> é usada para o conteúdo principal

c)

A tag <header> é usada para o cabeçalho de uma página e a tag <footer> é usada para o rodapé

d)

A tag <header> é usada para o conteúdo principal e a tag <footer> é usada para agrupar elementos de navegação

14.

Qual a função da propriedade 'display' em CSS?

a)

A propriedade 'display' é usada para definir a cor de fundo de um elemento

b)

A propriedade 'display' é usada para definir a posição de um elemento na página

c)

A propriedade 'display' é usada para definir o tipo de exibição de um elemento

d)

A propriedade 'display' é usada para definir a largura de um elemento

15.

Qual seria a forma correta de adicionar elementos filhos nesse elemento HTML?

a)

Embaixo do elemento

b)

Ao lado do elemento

c)

Dentro do elemento

d)

Em cima do elemento

16.

Qual a diferença entre as propriedades 'justify-content' e 'align-items' em CSS?

a)

A propriedade 'justify-content' é usada para alinhar os itens pelo eixo principal e 'align-items' é usada para alinhar os itens transversalmente ao eixo principal

b)

A propriedade 'justify-content' é usada para alinhar os itens verticalmente e 'align-items' é usada para alinhar os itens horizontalmente

c)

A propriedade 'justify-content' é usada para definir a distância entre os itens e 'align-items' é usada para definir a largura dos itens

d)

A propriedade 'justify-content' é usada para definir a largura dos itens e 'align-items' é usada para definir a distância entre os itens

17.

Qual a função da tag <input> em HTML?

a)

A tag <input> em HTML é usada para criar um link para outra página ou recurso

b)

A tag <input> em HTML é usada para adicionar uma imagem em um documento HTML

c)

A tag <input> em HTML é usada para criar uma lista de itens

d)

A tag <input> em HTML é usada para criar um campo de entrada de dados em um formulário

18.

Qual seria a forma correta para criar uma classe a uma tag HTML?

a)
Adicionar o atributo 'class' seguido do nome da classe desejada
b)
Adicionar o atributo 'id' seguido do nome da classe desejada
c)
Adicionar o atributo 'name' seguido do nome da classe desejada
d)
Adicionar o atributo 'style' seguido do nome da classe desejada
19.

Qual a função da propriedade 'background-color' em CSS?

a)

A propriedade 'background-color' é usada para definir a cor de fundo de um elemento

b)

A propriedade 'background-color' é usada para definir a cor do texto de um elemento

c)

A propriedade 'background-color' é usada para definir a borda de um elemento

d)

A propriedade 'background-color' é usada para definir a margem de um elemento

20.

Qual a função da propriedade 'text-align' em CSS?

a)

A propriedade 'text-align' é usada para definir o espaçamento entre linhas de texto

b)

A propriedade 'text-align' é usada para definir a cor do texto

c)

A propriedade 'text-align' é usada para alinhar o texto dentro de um elemento

d)

A propriedade 'text-align' é usada para definir o estilo da fonte

21.

Considerando o código ao lado, como faríamos, em CSS, para selecionar apenas o <h2> dentro da classe "container"?

a)

#container h2{}

b)

h2.container{}

c)
.container h2 {}
d)

container > h2{}

22.

Qual a função da propriedade 'font-size' em CSS?

a)

A propriedade 'font-size' é usada para definir o tamanho da fonte de um elemento

b)

A propriedade 'font-size' é usada para definir a cor da fonte de um elemento

c)

A propriedade 'font-size' é usada para definir o estilo da fonte de um elemento

d)

A propriedade 'font-size' é usada para definir o espaçamento entre linhas de texto

23.

Considerando a página HTML ao lado, como você faria em CSS para alinhar os elementos filhos ao centro do caixote azul?
Considere que o caixote azul seja uma div com a classe "container".

4 lines
24.

Qual a função da propriedade 'border-radius' em CSS?

a)

A propriedade 'border-radius' é usada para definir a cor de fundo de um elemento

b)

A propriedade 'border-radius' é usada para definir a largura da borda de um elemento

c)

A propriedade 'border-radius' é usada para definir o raio dos cantos de um elemento

d)

A propriedade 'border-radius' é usada para definir a margem de um elemento

25.

Qual a função da tag <img> em HTML?

a)

A tag <img> em HTML é usada para criar uma lista de itens.

b)

A tag <img> em HTML é usada para adicionar uma imagem em um documento HTML.

c)

A tag <img> em HTML é usada para criar um link para outra página ou recurso.

d)

A tag <img> em HTML é usada para estilizar o texto de um documento.

26.

Qual a diferença entre as propriedades 'padding' e 'margin' em CSS?

a)

Padding é o espaço dentro do elemento e margin é o espaço fora do elemento

b)

Padding é o espaço fora do elemento e margin é o espaço dentro do elemento

c)

Padding é usado para adicionar cor ao elemento e margin é usado para adicionar bordas

d)

Padding é usado para alinhar o elemento e margin é usado para definir a largura do elemento

27.

Qual a função da tag <form> em HTML?

a)

A tag <form> em HTML é usada para criar um formulário de cadastro

b)

A tag <form> em HTML é usada para criar uma tabela de dados

c)

A tag <form> em HTML é usada para adicionar uma imagem em um documento HTML

d)

A tag <form> em HTML é usada para criar um link para outra página ou recurso

28.

Oliver é um desenvolvedor web que deseja estilizar um elemento HTML com uma cor de fundo. Qual propriedade CSS ele deve usar?

a)

background-color

b)

text-color

c)

font-color

d)

color-background

29.

Considerando o código ao lado, o programador que o fez está seguindo correctamente o conceito de classes ao repeti-la em outros elementos?

a)

VERDADEIRO

b)

FALSO

30.

Emma está criando um site pessoal e quer adicionar uma imagem. Como ela pode fazer isso usando HTML?

a)

Ao inserir a imagem usando a tag <head>

b)

Ao usar a tag <img> com o atributo src

c)

Ao usar a tag <image> com o atributo src

d)

Ao usar a tag <photo>

31.

João do Grau precisa ligar um arquivo css à sua página HTML. Ele precisa ligar o arquivo usando uma tag em especifico no HEAD da página. Escreva abaixo a tag necessária para tal, bem como seus atributos.

4 lines