NEW
Font size
WorksheetsRecuperação de HTML e CSS
Total questions: 10
Worksheet time: 5mins
Em HTML e CSS, qual das opções abaixo representa corretamente a criação de uma div com fundo vermelho e texto interno?
<div style="cor-fundo: red;">Texto</div>
<div class="caixa">Texto </div>
CSS:
.caixa { background-color: red; }
<div class="texto-vermelho">Texto</div>
CSS:
texto-vermelho { background-color: red; }
<div red>Texto</div>
Qual o erro presente neste trecho de CSS:
.caixa {
width 200px;
height: 100px;
background-color: red;
}
A propriedade width está sem dois pontos (:)
A tag caixa não existe em HTML
Falta uma chave de fechamento
O nome do seletor deveria estar entre aspas
Em CSS, qual seletor abaixo seleciona todos os parágrafos de um documento HTML?
*
paragrafo
#paragrafo
p
Maysa está criando um site e deseja garantir que todos os elementos da página tenham margens e preenchimentos consistentes. Ela usa o seguinte código CSS: * { margin: 0; padding: 0; } Qual a função dele?
Remove as margens e o preenchimento apenas dos parágrafos
Remove margens e preenchimentos de todos os elementos da página
Adiciona margens e preenchimentos a todos os elementos
Aplica estilo apenas ao corpo da página
Qual alternativa está correta sobre a tag <ol> e
<ul> ?
A <ol>
cria uma lista com marcadores (bolinhas, quadrados)
A <ul>
é usada para listas ordenadas
Ambas usam a tag <li>
para representar itens
A <ol>
só permite até 10 itens por padrão
O que há de errado no seguinte código HTML?
<img src="imagem.jpg" title="Imagem de Exemplo alt=Imagem de teste">
A tag precisa ser fechada com
O atributo title está mal posicionado
A tag precisa estar dentro de uma
Os atributos title e alt estão mal formatados
Dentre as opções abaixo, qual é a maneira correta de aplicar uma cor azul a todos os parágrafos com CSS?
#p { color: blue; }
p { color: blue; }
.p { color: blue; }
paragrafo { cor: azul; }
O que significa o seletor .destaque em CSS?
Seleciona todos os parágrafos
Seleciona elementos com a tag
Seleciona qualquer elemento com a classe "destaque"
Seleciona o elemento com ID “destaque”
Em relação à estrutura HTML, qual opção está correta?
<h1>Título Principal<h1> está corretamente fechado
Todo código HTML deve iniciar com <script>
O elemento <style> pode conter regras CSS
<img> é uma tag que precisa necessariamente ter </img> que indica seu fechamento.
No trecho abaixo, há um erro na estrutura de seletores CSS. Qual é ele?
#titulo {
font-size: 24px;
font-weight: bold;
.destaque {
background-color: yellow;
} Qual das alternativas abaixo aponta o erro presente no código?
O font-size deve vir depois do font-weight
O seletor .destaque está usando o símbolo errado
Para delimitar o fechamento do #titulo é necessário fechamento com }
O background-color não aceita a cor "yellow"
