WorksheetsQuiz sobre HTML e CSS 2º ANO
Total questions: 11
Worksheet time: 6mins
Analise o trecho de código a seguir. Exemplo .header { background-color: #333; color: #222; padding: 10px; } .footer { background-color: #333; color: #222; padding: 5px; } Bem-vindo © 2025 Com base na sua análise, qual boa prática ou melhoria seria recomendada para esse trecho de código?
Melhoria de semântica: colocar a tag dentro da tag para manter todo o conteúdo de navegação próximo.
Melhoria de organização de código: manter o CSS dentro da tag no HTML é a melhor forma de organizar os estilos, pois facilita a leitura imediata do código.
Melhoria de performance: mova o CSS para um arquivo externo e vincule-o ao documento HTML, para melhorar a organização e performance.
Melhoria de responsividade: Não há necessidade de adicionar media queries, pois o layout funciona bem para dispositivos móveis.
Leia as afirmativas a seguir sobre usabilidade e acessibilidade em sites. I. O uso de imagens sem texto alternativo (alt) impede que pessoas com deficiência visual compreendam o conteúdo da página. II. O uso de cores vibrantes pode tornar o conteúdo mais atrativo, mesmo que o contraste entre o texto e o fundo seja baixo. III. A navegação por teclado, sem a necessidade de um mouse, é uma boa prática de acessibilidade para pessoas com deficiência motora.
A partir da análise, quais afirmativas estão corretas?
Apenas I e II estão corretas.
Apenas I e III estão corretas.
Apenas III e IV estão corretas.
Apenas II e IV estão corretas.
Em um repositório GitHub, o arquivo README.md é utilizado com o propósito de:
armazenar os arquivos de código-fonte do projeto.
descrever o projeto, fornecer instruções sobre como usá-lo e informações sobre como contribuir.
criar um repositório que contém apenas a descrição do autor do projeto.
listar todos os commits realizados no projeto, descartando a necessidade de uma documentação.
A seguir, considerando (V) para as verdadeiras e (F) para as falsas: ( ) É importante adicionar uma descrição clara do projeto ao criar um repositório no GitHub, para que os colaboradores e usuários entendam o objetivo do projeto. ( ) Selecionar uma licença ao criar um repositório no GitHub permite que ele seja acessível a outros usuários. ( ) O arquivo README.md pode ser utilizado para registrar o histórico de mudanças do projeto, como os commits realizados. A partir dessa análise, as afirmativas são, respectivamente,
a) V – F – F
b) V – V – F
c) F – V – V
d) F – F – V
Questão 3 - Como colocar seu site na web? João criou seu primeiro site e agora quer publicá-lo na web. Para isso, ele decide usar o GitHub Pages, uma ferramenta que facilita a publicação de sites diretamente do GitHub. Pensando nisso, analise as afirmativas sobre o processo de publicação de um site com o GitHub Pages: I. O GitHub Pages inicia a publicação automaticamente a partir de um arquivo chamado home.html, se ele estiver presente no repositório. II. O GitHub Pages pode ser ativado nas configurações do repositório. III. Após habilitar o GitHub Pages, é possível escolher qual branch será usada para a publicação. IV. O GitHub Pages pode usar como página inicial um arquivo HTML qualquer presente no repositório, desde que ele esteja no diretório principal. A partir da análise, quais afirmativas estão corretas?
a) Apenas II e III estão corretas.
b) Apenas I e III estão corretas.
c) Apenas III e IV estão corretas.
d) Apenas II e IV estão corretas.
Ajustando a largura de um elemento Qual das alternativas abaixo apresenta a propriedade do CSS que altera a largura de um elemento para que ele ocupe toda a página?
a) height: 100px;
b) height: 100%;
c) width: 100%;
d) width: 100px;
Para que serve a tag "h1"?
Para inserir um parágrafo no texto.
Para mudar a cor da letra.
Para inserir uma imagem na página.
Para inserir um Título
Qual o nome dos dois arquivos que criamos dentro do VS CODE?
Head e body
index e style
color e background
padding e display
Qual o resultado do seguinte código CSS?
Todos os parágrafos terão a cor azul e o tamanho da fonte de 20px.
Apenas o primeiro parágrafo será afetado.
Todos os elementos da página terão a cor azul e o tamanho da fonte de 20px.
Nenhum elemento será afetado.
Qual propriedade CSS é utilizada para definir a espessura da borda de um elemento?
border-width
border-style
border-color
border
Qual propriedade CSS é utilizada para definir o tamanho da fonte de um elemento?
font-size
font-weight
font-style
font-family
