wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML, CSS, JAVASCRIPT

Total questions: 36

Worksheet time: 12mins

Name
Class
Date
1.

Qual o erro da estrutura da página?

a)

A tag de paragrafo está no lugar errado

b)

A imagem não apresenta erros.

c)

Tag de title está escrito de forma incorreta.

d)

Head e body, não estão com a estrutura correta.

2.

Existem três tipos de listas em HTML, quais são elas ?

a)

Listas Ordenhadas

Listas não ordenhadas

Listas de Definição

b)

Listas Ordenadas

Listas não ordenadas

Listas de definilidade

c)

Listas Ordenadas

Listas não ordenadas

Listas de Definição

d)

Lista de Compras

Lista de Atividades

Lista de desejos

3.

Quais são as duas tag usadas na lista ordenada ?

a)

<ol> e <il>

b)

<ol> e <li>

c)

<lo> e <il>

d)

<ul> e <ol>

4.

Quantos níveis o elemento heading possui ?

a)

5

b)

2

c)

6

d)

7

e)

1

5.

Qual o atributo da tag <a> que especifica o URL para o qual o link deve apontar?

a)

href

b)

src

c)

alt

d)

target

6.

Qual das tags é mais relevante (maior)?

a)

h3

b)

h6

7.

Que tipo de linguagem é o HTML?

a)

Linguagem de programação, ou seja, serve para ensinar o computador a fazer algo.

b)

Linguagem de consulta, ou seja, serve para especificar informações às quais queremos ter acesso

c)

Linguagem de estilização, ou seja, serve para definir a aparência de um conteúdo

d)

Linguagem de programação, ou seja, serve para indicar o que cada trecho de um documento representa

e)

Linguagem de marcação, ou seja, serve para estruturar informações e criar páginas web

8.

Assinale a tag HTML de link correta:

a)

<a url="https://google.com.br" >Google<a>

b)

<a href="https://google.com.br" >Google</a>

c)

<a href:link=https://google.com.br" >Google</a>

d)

<link=https://google.com.br" >Google</a>

9.

Para que serve a tag <!-- -->?

a)

Criar um comentário

b)

Criar um questionário

c)

Criar um parágrafo

d)

Criar uma imagem

10.

Para que serve uma div na estrutura html?

a)

Define a área onde há um artigo, texto, redação, conteúdo e etc

b)

uma seção com links de navegação

c)

é muito utilizada quando precisamos agrupar elementos, criar divisões na página web

d)

representa uma seção de uma página que consiste em adicionar o conteúdo principal

11.

Sobre a tag <head>

a)

É onde ficam os elementos não visuais do código, como as configurações

b)

É onde ficam os elementos visuais do código, como tags de título.

c)

É onde ficam tanto os elementos visuais, quanto os não visuais.

d)

Essa tag não existe

12.
Para criar uma célula unida na horizontal numa qual dos seguintes atributos devo utilizar:
a)
Colspan
b)
Rowspan
c)
Cols
d)
Rows
13.

Qual é a função do elemento "header" do HTML5?

a)

Representar o conteúdo principal de uma página.

b)

Definir uma seção com informações adicionais, como os créditos do site

c)

Identificar o título/cabeçalho de uma página ou seção

d)

Exibir uma barra de navegação para o usuário

14.

O que é o elemento <main> do HTML5?

a)

Um elemento que define uma barra de navegação

b)

Um elemento que representa a seção principal de uma página

c)

Um elemento que define uma seção para créditos ou informações adicionais

d)

Um elemento que define uma seção para o rodapé da página

15.

Podemos fazer que um texto escrito com <h1> e com <h6> tenham aparência idêntica usando CSS, portanto tanto faz usar um ou outro.

a)

Verdadeiro

b)

Falso

16.

Qual a tag usada para inserir um formulário HTML?

a)

<f>

b)

<form>

c)

<formulário>

d)

<forms>

17.

Qual tag é utilizada para inserir um campo do tipo texto em um formulário?

a)

<text>

b)

<text type=’textarea’>

c)

<type text>

d)

<input type=’text’>

18.

Qual dos códigos abaixo indicam CSS in-line?

a)

<img src="" alt="" style="color: red;">

b)

<img src="" alt="">

c)

#cor{

color: "yellow"

}

d)

h1{

color: "blue";

}

19.

Podemos dizer que CSS é uma linguagem de programação de estilos?

a)

Verdadeiro

b)

Falso

20.

Sobre a tag <strong></strong> é correto afirmar que?

a)

Deixa o texto em sublinhado

b)

Deixa o texto sobrescrito

c)

Deixa o texto com fundo escuro

d)

Deixa o texto em negrito

21.

As três formas de se incluir CCS em uma página são:

a)

-in-line

-out-line

-pre-line

b)

-flex

-display

-screen

c)

-interno

-externo

-hidrido

d)

-in-line

-interno

-externo

22.

Qual o comando CSS para deixar um título "h1" colorido de azul?

a)

background-color: blue

b)

color: blue

c)

text-color: blue

d)

font-color: blue

23.

O que é um seletor CSS?

a)

Um seletor CSS é usado para selecionar elementos JavaScript específicos e aplicar estilos a eles.

b)

Um seletor CSS é uma parte do código CSS que é usado para selecionar elementos HTML específicos e aplicar estilos a eles.

c)

Um seletor CSS é uma função JavaScript que é usada para selecionar elementos HTML específicos e aplicar estilos a eles.

d)

Um seletor CSS é uma parte do código HTML que é usado para selecionar elementos CSS específicos e aplicar estilos a eles.

24.

O que é o modelo de caixa(box model) CSS ?

a)

O modelo de caixa CSS é um conceito avançado e desnecessário no design de páginas da web.

b)

O modelo de caixa CSS é uma linguagem de programação utilizada para criar páginas da web.

c)

O modelo de caixa CSS é uma técnica de design que não afeta a aparência das páginas da web.

d)

O modelo de caixa CSS é um conceito fundamental no design de páginas da web.

25.

Como definir a cor de fundo de um elemento em CSS?

a)

color-background

b)

background

c)

element-color

d)

background-color

26.

O que representa a sigla "CSS"?

a)

Central Styling System

b)
  • Cool Stylish Sheets

c)

Creative Style Selection

d)

Cascading Style Sheets

27.

O seletor personalizado "#" é utilizado para estilizar o que?

a)

Classes

b)

IDs

c)

Pseudo-Classes

d)

Pseudo-Elementos

28.

Com qual propósito o flebox foi criado?

a)

Tornar uma possível mudança de estilo mais fácil.

b)

Criar layouts mais bonitos.

c)

Facilitar a estruturação e ajuste de layouts, uma vez que os recursos anteriores eram limitados.

d)

Ele possui o mesmo nível de complexidade que os outros, porém, é mais aceitado pelos navegadores.

29.

Para definir que um elemento div seja flex, faremos:

a)

div {

display: flexbox;

}

b)

div {

display: flex;

}

c)

div {

justify: flex;

}

d)

div {

content: flex;

}

30.

8- Qual é a diferença do padding para o margin?

a)

O padding ajuda alinhar os elementos dentro de uma div

b)

A margin cria uma borda na página web

c)

O padding define o espaçamento interno, enquanto o margin é um espaçamento externo

d)

Margin define o espaçamento interno, enquanto o padding é um espaçamento externo

31.

Qual é o valor padrão da propriedade position?

a)

fixed

b)

static

c)

absolute

d)

relative

32.

Qual linha abaixo irá abrir um pop up (mensagem) na tela

a)

onclick=

b)

alert("ola!");

c)

<script></script>

d)

console.log("olá!);

e)

type="text/javascript"

33.

No JavaScript é possível interagir com o console dos navegadores. O comando para imprimir o texto “JavaScript” no console é:

a)

console.dump(“JavaScript”);

b)

console.print(“JavaScript”);

c)

console.log(“JavaScript”);

d)

console.echo(“JavaScript”);

e)

console.info(“JavaScript”);

34.

Sobre JavaScript. Marque a alternativa correta.

a)

É uma linguagem de marcação usada para estruturar e dar significado para o conteúdo web.

b)

É uma linguagem de programação e marcação que permite implementar itens complexos em páginas web.

c)

É uma linguagem de regras de estilo usada para aplicar estilo ao conteúdo HTML.

d)

É uma linguagem de programação que permite implementar itens complexos em páginas web e fazer interações com o conteúdo HTML.

e)

É uma linguagem de programação fortemente tipada

35.

Como você pode acessar o segundo item de um array chamado frutas?

Dica: Em JavaScript, a contagem dos índices dos arrays começa do número 0.

a)

frutas(2)

b)

frutas[1]

c)

frutas[2]

d)

frutas[0]

36.

Qual é a utilidade da propriedade innerHTML?

a)

Para mudar o estilo de um elemento

b)

Para alterar o conteúdo de um elemento HTML dinamicamente

c)

Para deletar um elemento HTML

d)

Para duplicar um elemento HTML