Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML e CSS

Total questions: 32

Worksheet time: 2hrs 41mins

Name
Class
Date
1.

Assinale a alternativa correta a respeito da tag <html lang = "pt-br">

a)

Essa tag não possui fechamento, ou seja, não possui uma </html>

b)

Essa tag, delimita o início e o fim de uma página HTML. o "lang" é um atributo de linguagem.

c)

Essa tag, delimita o início e o fim de uma página HTML. o "lang" é um atributo de tipo de caractere.

d)

Essa tag é totalmente opcional.

2.

Qual alternativa, possui alguns elementos da estrutura básica do HTML?

a)

<html> <!doctype> <body> <head>

b)

<html> <article> <section> <head>

c)

<html> <img> <a> <body>

d)

<html> <head> <!docyte> <a>

3.

Sobre a tag <!doctype>

a)

Informa ao navegador o tipo de fonte que será utilizada

b)

Informa ao navegador o tipo de caractere que será utilizado

c)

Mostra ao navegador em qual linguagem a página será escrita

d)

Mostra ao navegador em qual computador a página foi escrita

4.

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

5.

Sobre a tag <body>

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

6.

Sobre a tag <meta>

a)

Informa o idioma em que a página será escrita, encontra-se dentro do <head>

b)

Informa o idioma em que a página será escrita, encontra-se dentro do <body>

c)

Informa os metadados da página. Encontra-se dentro do <head>

d)

Informa os metadados da página. Encontra-se dentro do <body>

7.

Qual tag é responsável por definir o título da página?

a)

<html>

b)

<meta>

c)

<h1>

d)

<title>

8.

Qual a função da tag <p>?

a)

Informar uma parte do conteúdo

b)

Informar um parágrafo

c)

Informar um ponto na página

d)

Informar a fonte da página

9.

Sobre as listas

Qual tag é responsável pela criação de uma lista não ordenada?

a)

<li>

b)

<ul>

c)

<ol>

d)

<mm>

10.

Sobre as listas

Qual tag é responsável pela criação de uma lista ordenada?

a)

<li>

b)

<ul>

c)

<ol>

d)

<mm>

11.

Sobre as listas

Qual tag é responsável por adicionar uma nova linha na nossa lista?

a)

<li>

b)

<ul>

c)

<ol>

d)

<mm>

12.

Qual tag irá adicionar uma imagem?

a)

<img>

b)

<png>

c)

<jpg>

d)

<scg>

13.

Marque todas as alternativas corretas a respeito do atributo alt

a)

É o título da imagem. Ajuda pessoas que possuem algum tipo de deficiência visual.

b)

É o texto alternativo da imagem. Aparecerá no lugar da imagem, caso ela esteja indisponível.

c)

Ajuda leitores de tela a descreverem o conteúdo a pessoas que possuem algum tipo de deficiência visual.

14.

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

a)

Colocar um link

b)

Colocar uma imagem

c)

Colocar uma tabela

d)

Colocar um vídeo

15.

Qual atributo da tag <a>, indica o link onde ela levará?

a)

target

b)

href

c)

src

d)

url

16.

Marque a alternativa que apresenta apenas tags semânticas

a)

<div> <article> <header>

b)

<section> <nav> <ul>

c)

<header> <footer> <img>

d)

<footer> <title> <head>

17.

Marque todas as alternativas que possuem motivos pelos quais é importante ter um site semânticamente bem estruturado

a)

Ajudam os robôs dos motores de busca a lerem o site

b)

Ajudam os leitores de tela a lerem o site

c)

Ajudam o site a ter uma melhor classificação com os motores de busca

d)

Ajudam a melhorar a estética do site, fazendo assim, com que o site tenha uma melhor classificação.

18.

Quais atributos das tags podem nos ajudar a identificar aquele bloco específico no código, na hora de editar o estilo em CSS? Marque mais de um

a)

id

b)

article

c)

section

d)

class

19.

Qual a diferença entre os atributos de identificação id e class?

a)

O id é único e não deve ter o valor repetido, enquanto no class, o mesmo valor pode ser adicionado em outros elementos.

b)

O class é único e não deve ter o valor repetido, enquanto no id, o mesmo valor pode ser adicionado em outros elementos.

c)

Não há diferença, posso usar qualquer um dos dois, informando apenas o tipo no CSS

d)

o id é para palavras curtas, enquanto o class é para textos longos

20.

Qual tag semântica é utilizada para identificar o rodapé?

a)

<header>

b)

<footer>

c)

<section>

d)

<div>

21.

Qual tag semântica é utilizada para identificar o cabeçalho?

a)

<header>

b)

<footer>

c)

<section>

d)

<div>

22.

Um menu de navegação é identificado pela tag <***>

(a)  

23.

Qual tag é responsável pela criação de um botão?

a)

<menu>

b)

<list>

c)

<button>

d)

<nav>

24.

Em CSS, qual parâmetro define a cor do texto?

a)

text-color

b)

font-color

c)

color

25.

Em CSS, qual parâmetro define o tamanho texto?

a)

text-size

b)

font-size

c)

size

26.

Em CSS, para que o elemento fique livre e consigamos movê-lo por toda a pagina, devemos deixá-lo em posição (position):

a)

relative

b)

absolut

c)

free

d)

all

27.

Para deixarmos o menu sendo exibido em linha, podemos utilizar o:

a)

display: block;

b)

display: inline-block;

c)

display: block;

28.

Para mudar a cor do fundo de um elemento, podemos utilizar:

a)

background-color:

b)

color-background:

c)

background:

29.

Sobre o espaçamento dos elementos:

padding

a)

Espaço interno

b)

Espaço externo

30.

Sobre o espaçamento dos elementos:

margin

a)

Espaço interno

b)

Espaço externo

31.

Para editar o que acontece quando passamos o mouse em cima de um elemento nav de id "menu", podemos utilizar:

a)

nav#menu

b)

nav#menu:hover

c)

nav#menu:slide

d)

menu:hover

32.

Sobre os títulos

a)

Utilizamos a tag <hx>, onde x é um número entre 1 e 6

b)

Utilizamos a tag <hx>, onde x é um número entre 1 e 5

c)

Utilizamos a tag <tx>, onde x é um número entre 1 e 6

d)

Utilizamos a tag <tx>, onde x é um número entre 1 e 5