Font size
WorksheetsRecuperação - HTML e CSS - 3 trimestre
Total questions: 27
Worksheet time: 29mins
Para que é utilizado o HTML?
Criar a estrutura de uma página web
Criar animações em uma página web
Criar banco de dados
Criar aplicativos móveis
Qual é a função principal do CSS?
Estilizar páginas web
Criar a estrutura de páginas web
Criar aplicativos móveis
Criar banco de dados
<p> é uma
Uma tag de pontuação
Uma tag de fechamento de parágrafo
Uma tag de fechamento de pontuação
Uma tag de parágrafo
Qual é a propriedade CSS usada para definir a cor do texto?
color
background-color
font-size
type-color
Qual é a propriedade utilizada para definir a fonte de um texto em CSS?
font-size
text-transform
font-weight
text-decoration
font-family
Qual é a propriedade CSS usada para definir a cor de fundo de um elemento?
color
font-color
background-color
text-color
Qual é a função da propriedade CSS font-size
Define o tipo de fonte utilizado no texto.
Controla o tamanho da fonte exibida no elemento.
Determina a cor do texto no elemento.
O que a propriedade CSS padding controla em um elemento?
O espaço interno entre o conteúdo do elemento e suas bordas.
A largura total do elemento, incluindo margens externas.
O espaço entre o elemento e os elementos adjacentes.
O que a propriedade CSS margin define em um elemento?
O espaçamento interno entre o conteúdo do elemento e suas bordas.
A largura total do conteúdo dentro do elemento.
O espaçamento externo entre o elemento e os elementos ao seu redor.
Qual é a função da propriedade CSS border?
Definir o estilo, largura e cor da borda do elemento.
Ajustar o espaçamento interno entre o conteúdo do elemento e suas bordas.
Configurar o espaço externo entre o elemento e os outros elementos.
O que a propriedade CSS display controla em um elemento?
Configura o espaçamento interno do conteúdo do elemento.
Ajusta a visibilidade do elemento, tornando-o visível ou oculto.
Define como o elemento será exibido na página, como block, inline, inline-block ou flex.
O que a propriedade CSS position define em um elemento?
O método de posicionamento do elemento na página, como static, relative, absolute, fixed ou sticky.
A ordem de sobreposição do elemento em relação a outros na mesma página.
O alinhamento horizontal do conteúdo dentro do elemento.
Qual é a função da propriedade CSS float?
Controlar o alinhamento vertical do texto dentro de um elemento.
Definir o espaçamento interno entre o conteúdo e as bordas do elemento.
Permitir que o conteúdo flutue à esquerda ou à direita de seu contêiner, como left ou right.
O que a propriedade CSS text-transform controla?
O alinhamento do texto dentro de um elemento.
A capitalização do texto, como uppercase, lowercase ou capitalize.
A decoração aplicada ao texto, como sublinhado ou linha sobre o texto.
Qual é a função principal da tag HTML <div>?
Representar um parágrafo de texto com significado semântico próprio.
Agrupar outros elementos de HTML para organização e estilização, sem significado semântico próprio.
Criar links para outras páginas ou seções do site.
Qual é a estrutura básica correta de uma página em HTML?
<html>
<head>
<title> Título da página </title>
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
<html>
<head>
<title> Título da página
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
<html>
<head>
<title> Título da página </title>
</head>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
<html>
<head>
<title> Título da página </title>
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
Para qual função a tag <h2> é utilizada?
Inserir um título ao site
Inserir um subtítulo no site
Inserir duas linhas para título do site
Inserir duas linhas para no centro da página
Inserir um comentário apenas para o usuário
Qual será a cor da letra de acordo com o CSS aplicado na imagem?
Yellow
Blue
Green
Blueviolet
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
id
article
section
class
Esse código é CSS ou HTML?
HTML
CSS
Qual é a propriedade CSS para alterar a fonte de um texto?
font-weight
text-font
font-family
text-style
Qual é o atributo utilizado para definir a largura de uma imagem em HTML?
src
alt
width
height
style
Qual é a propriedade utilizada para definir a largura de uma borda em CSS?
border-width
border-style
border-color
padding
margin
Marco está construindo um site e possui o seguinte código:
Agora, seu desejo é criar um estilo para essa aba de conteúdo. Marque a alternativa correta para que:
1. Adicione uma largura de 35% na página,
2. Centralize os textos ao centro;
3. Centralize a divisão de conteúdo ao centro;
4. Espaçamento interno na parte de cima e de baixo tenha 35px.
.aba-conteudo { | width: | 35%; | text-align: center; | margin: | 0 auto; | padding: | 35px
0; | }
.aba-conteudo { | width: | 3.5%; | text-align: center; | margin: | 0 auto; | padding: | 3.5px
0; | }
.aba-conteudo { | width: | 35px;
| text-align: center; | margin: | 0 auto; | padding: | 35%; | }
.aba-conteudo { | width: | 35px; | margin: | 0 auto;
| text-align: center; | padding: | 35%; | }
Carol está criando um site para acompanhar o desenvolvimento dos seus
projetos nos cursos da Alura. Para organizar melhor, ela quer duas divisões de
conteúdo:
1. Para apresentar projetos mais fáceis em HTML e CSS;
2. Para apresentar projetos difíceis, com produções em JavaScript;
Marque a resposta para criar a estrutura capaz de desenvolver a aba de
conteúdos com as especificações necessárias.
<div> | <h3>Nível Fácil</h3> | <h4>Criar 2 projetos novos em HTML e CSS</h4> | </
div> | </div> | </h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>
<div> | <h3>Nível Fácil</h3> | </h4>Criar 2 projetos novos em HTML e CSS</h4> | </
div> | <div> | <h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>
<div> | <h3>Nível Fácil</h3> | <h4>Criar 2 projetos novos em HTML e CSS</h4> | </
div> | <div> | <h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>
</div> | <h3>Nível Fácil</h3> | <h4>Criar 2 projetos novos em HTML e CSS</h4> | </
div> | <div> | <h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>
Jack deseja criar um site para mostrar a classe aba-conteudo somente quando
essa receber também a classe .ativo. Ela desenvolveu até agora os seguintes
códigos:
Entretanto, seu código mantém exibindo as três tags divs e ela quer que
somente apareçam quando receber a classe. Assinale a alternativa que corrige
esse problema.
.aba-conteudo.ativo{ display:none;}
.aba-conteudo{ display:none;}
.aba-conteudo{ display:flex;}
.aba-conteudo.ativo{ display:block;}
Qual é a sequência correta, de modo que Maria utilize apenas três blocos para alterar o estilo do botão “Escuro” quando ele é clicado.
const botao = document.query (“.botao”); | botao.onclick = function (){ | botao.
classList.add(“fundo-preto”);}
const botao = document.querySelector (“.botao”); | botao.onclick = function (){ (“fundo-preto”);}
const botao = document.querySelector (“.botao”); | botao.onclick = function (){ | botao.
classList.add(“fundo-preto”);}
