wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Fundamentos de HTML, CSS e JavaScript

Total questions: 50

Worksheet time: 2hrs 40mins

Name
Class
Date
1.

Qual é a função principal do HTML em uma página web?

a)

Estilizar o conteúdo

b)

Estruturar o conteúdo

c)

Adicionar interatividade

d)

Otimizar o desempenho

2.

Qual propriedade CSS é usada para alterar a cor de fundo de um elemento?

a)

color

b)

background-color

c)

font-color

d)

border-color

3.

Qual é a função do JavaScript em uma página web?

a)

Criar a estrutura da página

b)

Estilizar a página

c)

Adicionar interatividade e comportamento dinâmico

d)

Otimizar o carregamento da página

4.

Qual é a sintaxe correta para declarar uma variável em JavaScript?

a)

`var nome = "João";`

b)

`let nome = "João";`

c)

`const nome = "João";`

d)

Todas as opções acima

5.

Qual seletor CSS é usado para selecionar um elemento com o id "header"?

a)

`.header`

b)

`#header`

c)

`header`

d)

`*header`

6.

Qual é a função do atributo "alt" em uma tag ``?

a)

Definir o tamanho da imagem

b)

Fornecer um texto alternativo para a imagem

c)

Estilizar a imagem

d)

Vincular a imagem a um URL

7.

Qual é a sintaxe correta para adicionar um comentário em CSS?

a)

``

b)

`// Comentário`

c)

`/* Comentário */`

d)

`# Comentário`

8.

Qual método JavaScript é usado para selecionar um elemento pelo seu id?

a)

`getElementById()`

b)

`querySelector()`

c)

`getElementsByClassName()`

d)

`getElementsByTagName()`

9.

Qual é a saída de `console.log(typeof null)` em JavaScript?

a)

`"null"`

b)

`"object"`

c)

`"undefined"`

d)

`"number"`

10.

Qual propriedade CSS é usada para alterar a opacidade de um elemento?

a)

transparency

b)

visibility

c)

opacity

d)

display

11.

Qual é a sintaxe correta para criar uma função em JavaScript?

a)

`function: minhaFuncao() {}`

b)

`function minhaFuncao() {}`

c)

`func minhaFuncao() {}`

d)

`create function minhaFuncao() {}`

12.

Qual propriedade CSS é usada para definir o tamanho da fonte de um elemento?

a)

text-style

b)

font-weight

c)

text-size

d)

font-size

13.

Qual método JavaScript é usado para adicionar um evento de clique a um elemento?

a)

onClick(...)

b)

attachClick(...)

c)

clickEvent(...)

d)

addEventListener('click', ...)

14.

Qual é a sintaxe correta para vincular um arquivo CSS externo em um documento HTML?

a)

<link rel="stylesheet" href="style.css">

b)

<stylesheet href="style.css">

c)

<style src="style.css">

d)

<css link="style.css">

15.

Qual é a estrutura básica correta de uma página em HTML?

a)

<html>

<head>

<title> Título da página </title>

</head>

<body>

Aqui vai o código HTML que fará seu site aparecer.

</body>

</html>

b)

<html>

<head>

<title> Título da página

</head>

<body>

Aqui vai o código HTML que fará seu site aparecer.

</body>

</html>

c)

<html>

<head>

<title> Título da página </title>

</head>

Aqui vai o código HTML que fará seu site aparecer.

</body>

</html>

d)

<html>

<head>

<title> Título da página </title>

</head>

<body>

Aqui vai o código HTML que fará seu site aparecer.

</body>

16.

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

17.

Para qual função a tag <h2> é utilizada?

a)

Inserir um título ao site

b)

Inserir um subtítulo no site

c)

Inserir duas linhas para título do site

d)

Inserir duas linhas para no centro da página

e)

Inserir um comentário apenas para o usuário

18.

Qual será a cor da letra de acordo com o CSS aplicado na imagem?

a)

Yellow

b)

Blue

c)

Green

d)

Blueviolet

19.

O que significa a sigla CSS?

a)

Cascading Style Sheets

b)

Computer Style Sheets

c)

Creative Style Sheets

d)

Colorful Style Sheets

20.

Qual propriedade CSS é usada para alterar a fonte de um elemento?

a)

font-style

b)

font-weight

c)

font-family

d)

font-size

21.

Qual é a tag HTML correta para criar um link?

a)

<a href="url">

b)
  • <link href="url">

c)
  • <a url="url">

d)
  • <link url="url">

22.

Qual é a tag HTML correta para inserir uma imagem?

a)

<img href="image.jpg">

b)

<img src="image.jpg">

c)

<image src="image.jpg">

d)

<image href="image.jpg">

23.

Qual é a tag HTML correta para criar uma lista não ordenada?

a)

<ul>

b)

<ol>

c)

<li>

d)

<list>

24.

Como você inicia uma tag HTML?

a)

<html>

b)

[html]

c)

{html}

d)

|html|

25.

Qual é a tag utilizada para criar um parágrafo em HTML?

a)

<paragraph>

b)

<para>

c)

<text>

d)

<p>

26.

Qual a tag correta para incluir um estilo CSS em um documento HTML?

a)

<style>

b)

<link>

c)

<css>

d)

<script>

27.

Qual a tag HTML para criar um cabeçalho de nível 1?

a)

<header>

b)

<cabeçalho>

c)

<cabeçalho1>

d)

<h1>

28.

Como você aplica uma classe CSS a um elemento HTML?

a)

<div class="nomeClasse">

b)

<div id="nomeClasse">

c)

<div style="nomeClasse">

d)

<div css="nomeClasse">

29.

O que é HTML?

a)

É uma linguagem de marcação de hipertexto.

b)

É uma linguagem que permite estruturar o banco de dados.

c)

É um programa que permite enviar dados entre os aplicativos.

d)

É uma linguagem de programação orientada a objetos.

30.

É uma das funções do CSS em uma página web...

a)

Processar e transformar dados

b)

Estruturar os elementos da página

c)

Adicionar funcionalidades dinâmicas

d)

Definir cores, fontes e tamanhos

31.

Qual dessas tecnologias é considerada uma linguagem de programação?

a)

Nenhuma dessas tecnologias

b)

Javascript

c)

CSS

d)

HTML

32.

Essa analogia faz muito sentido ao comparar o HTML, o CSS e o Javascript com o corpo humano...

a)

HTML é a pele, CSS é o músculo, Javascript é o esqueleto

b)

HTML é o esqueleto, CSS é a pele, Javascript é o músculo

c)

HTML é o músculo, CSS é a pele, Javascript é o esqueleto

d)

HTML é a pele, CSS é o esqueleto, Javascript é o músculo

33.

Qual a primeira tag que um documento HTML deve conter?

a)
  1. <html>

b)
  1. <head>

c)
  1. <!DOCTYPE html>

d)
  1. <title>

e)

<body>

34.

Qual a importância do CSS em um site responsivo?

a)

  1. O CSS não tem impacto na responsividade de um site

b)

  1. O CSS é responsável por definir a estrutura do documento HTML

c)

  1. O CSS é utilizado para adicionar interatividade ao site

d)

  1. O CSS é fundamental para aplicar estilos e tornar o site responsivo em diferentes dispositivos

35.

O arquivo principal se chama "______" porque o navegador reconhece esse nome como ______. Então se seu site tiver mais de uma página, o navegador vai procurar o ______ para ser a página inicial.

a)

padrão, index.html, index

b)

padrão, index, index.html

c)

index, padrão, index.html

d)

index, index.html, padrão

36.

O que é GitHub e para que serve?

a)

GitHub é um hub de armazenamento offline, sendo impossível compartilhar um projeto

b)

GitHub é um sistema de compartilhamento de informações offline, sendo possível compartilhamento apenas via WhatsApp

c)

GitHub é uma plataforma de desenvolvimento colaborativo que aloja projetos na nuvem e ajuda os desenvolvedores em suas atualizações

d)

GitHub é uma plataforma que não ajuda os desenvolvedores a armazenar e administrar o código e suas atualizações

37.

Qual tag indica a presença de javascript?

a)

<css>

b)

<?php>

c)

<script type="text/javascript">

d)

<style>

38.

Qual das Informações sobre HTML esta incorreta?

a)

HTML é uma linguagem de marcação web

b)

Todos os navegadores entendem HTML

c)

HTML é uma Linguagem de programação de hipertexto

d)

Um código HTML pode ser escrito por qualquer editor de texto

39.

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";

}

40.

Toda estrutura de texto, lista, cabeçalho, imagem, entre outros, que aparece em uma página deve estar dentro de qual estrutura?

a)

<body> </body>

b)

<head> </head>

c)

<section> </section>

d)

<head> </section>

e)

<section> </body>

41.

Qual é a tag correta para uma imagem?

a)

<img src="image1.jpg" alt="Image1">            

b)

<image src="image1.jpg" alt=Image1/>

c)

<img scr="image1.jpg">alt="Image1">

d)

<image scr="image1.jpg alt="Image1"/>

e)

<image scr="image1.jpg alt="Image2"/>

42.

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”);

43.

Qual seletor CSS é usado para selecionar todos os elementos com uma classe específica?

a)

.class

b)

#class

c)

class

d)

*class

44.

Qual é a tag HTML usada para criar uma imagem?

a)

<img>

b)

<href>

c)

<image>

d)

<imagem>

45.

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

a)

Fornecer informações sobre o documento, como a codificação de caracteres

b)

Definir o título da página

c)

Criar uma seção de conteúdo

d)

Adicionar uma imagem

46.

Como você cria uma lista ordenada em HTML?

a)

<ul><li></li></ul>

b)

<list><item></item></list>

c)

<ol><li></li></ol>

d)

<ordered-list><item></item></ordered-list>

47.

O que é representado pelo elemento <footer>

em HTML5?

a)

A seção de navegação da página

b)

A parte superior da página

c)

O rodapé da página, geralmente com informações como direitos autorais

d)

A área principal de conteúdo

48.

Qual é a função do elemento <section>

em HTML5?

a)

Representar um artigo independente

b)

Dividir uma página em seções ou tópicos relacionados

c)

Definir o rodapé da página

d)

Incluir uma imagem com uma legenda

49.

Qual é a diferença entre os seletores "ID" e "class" no CSS?

a)

ID é usado para identificar um elemento único, enquanto class é usado para identificar um grupo de elementos.

b)

ID é usado para identificar um grupo de elementos, enquanto class é usado para identificar um elemento único.

c)

ID e class são usados ​​apenas para fins semânticos e não afetam o estilo de um elemento.

d)

Não tem diferenças

50.

Qual é a função do elemento <nav> em HTML5?

a)

Incluir um vídeo

b)

Definir uma seção de navegação

c)

Representar uma citação

d)

Adicionar um rodapé