NEW
Font size
WorksheetsSe liga HTML e CSS 2 ano
Total questions: 37
Worksheet time: 19mins
Gustavo e Ana estão aprendendo sobre desenvolvimento web. Eles abriram a imagem abaixo para identificar a estrutura de um documento HTML 5. Clique na imagem para visualizar a estrutura HTML 5.
Estrutura HTML
Estrutura CSS
Gustavo está criando um site para um projeto escolar e quer organizar o conteúdo em diferentes partes, como introdução, informações principais e conclusão. Qual é a finalidade da tag <section> no HTML que Gustavo pode usar?
A) Criar um título
B) Incluir uma imagem
C) Definir uma seção temática no conteúdo
D) Inserir um rodapé
Melissa está criando uma página web para um projeto escolar. Ela quer agrupar diferentes elementos, como imagens e textos, para facilitar a estilização e organização do layout. Qual tag HTML Melissa deve usar para isso?
A) Exibir listas ordenadas
B) Aplicar negrito ao texto
C) Agrupar elementos para fins de estilização ou estruturação
D) Adicionar links externos
Melissa está criando um site para um projeto escolar. Qual tag ela deve usar para representar o conteúdo principal da página?
A) <header>
B) <section>
C) <main>
D) <footer>
Ana e Gustavo estão criando um blog de notícias. Eles querem saber qual tag HTML devem usar para inserir cada notícia como um conteúdo independente. Qual tag eles devem escolher?
A) Adicionar navegação
B) Inserir conteúdo independente, como notícias ou posts
C) Aplicar estilos CSS
D) Criar formulários
Pedro está criando uma página web para um projeto escolar. Ele quer adicionar um subtítulo de terceiro nível para organizar melhor o conteúdo. Qual tag ele deve usar?
A) Um título de maior destaque que <h1>
B) Um parágrafo comum
C) Um subtítulo de terceiro nível
D) Um rodapé
Kaio está criando uma página web para um projeto escolar. Ele quer adicionar parágrafos de texto para explicar cada parte do projeto. Qual tag ele deve usar?
A) Criar um título
B) Agrupar seções
C) Inserir uma imagem
D) Criar parágrafos de texto
Pedro e Ana estão criando um site para o projeto da escola. Eles querem saber qual tag HTML representa o rodapé da página ou de uma seção. Qual tag eles devem usar?
A) Um cabeçalho de seção
B) A parte superior da página
C) O conteúdo principal
D) O rodapé da página ou de uma seção
Gabriel está criando uma página web para um projeto escolar. Qual atributo ele deve usar para aplicar estilos CSS a uma tag HTML?
style
href
id
class
Pedro e Melissa estão criando uma página web para um projeto escolar. Eles estão discutindo quais tags podem ser usadas dentro da tag <main>. A tag <main> pode conter todas as tags abaixo, EXCETO:
A) <section>
B) <article>
C) <footer>
D) <h3>
Melissa está criando uma página para o projeto da turma e quer aplicar estilos diferentes em alguns elementos. O que ela pode usar no HTML para identificar esses elementos e aplicar estilos CSS?
A) Alterar a cor da fonte diretamente
B) Aplicar um nome identificador para aplicar estilos CSS
C) Criar listas
D) Reproduzir vídeos
Kaio está criando um site para um projeto escolar e quer mudar a cor do texto das informações principais. Qual propriedade CSS ele deve usar?
A) A cor do plano de fundo
B) A cor da borda
C) A cor do texto
D) A cor de links
Gabriel está criando uma página web e quer definir a cor de fundo de um elemento. Qual propriedade CSS ele deve usar?
A) A cor do texto
B) A cor de links
C) A cor da borda
D) A cor de fundo de um elemento
Kaio está criando um site e quer garantir que os elementos não fiquem muito próximos uns dos outros. Ele decide usar a propriedade margin em CSS. O que essa propriedade afeta?
A) A cor do texto
B) A distância externa entre elementos
C) A altura do elemento
D) O tamanho da fonte
Gabriel está criando um site e quer garantir que o conteúdo dos botões não fique colado na borda. Qual propriedade ele deve usar para definir o espaço interno entre o conteúdo e a borda?
A) A margem externa
B) A largura da borda
C) O espaço interno entre o conteúdo e a borda
D) A posição do texto
Gabriel está criando um site para um projeto escolar e deseja que o título fique centralizado dentro de um elemento. Qual propriedade CSS ele deve usar?
A) Centralizar um bloco na tela
B) Centralizar o texto dentro do elemento
C) Alinhar o texto à esquerda
D) Alinhar o texto à direita
Ana está criando uma página web e quer ajustar a largura de uma caixa de texto. Qual propriedade ela deve usar?
A) A altura de um elemento
B) A largura de um elemento
C) O tamanho do texto
D) A espessura da borda
Melissa está criando uma página web para um projeto escolar. Ela quer ajustar a altura de uma caixa de texto usando CSS. Qual propriedade ela deve usar?
A) A cor do fundo
B) O espaçamento entre letras
C) A altura de um elemento
D) A margem inferior
Gustavo está criando um site e quer aumentar o tamanho do texto do título. Qual propriedade ele deve usar?
A) text-color
B) font-size
C) size-text
D) font-color
Gustavo está criando um site para um projeto escolar e deseja destacar uma seção adicionando uma borda ao redor dela. Qual propriedade CSS ele deve usar?
A) Inserir imagem de fundo
B) Criar listas
C) Adicionar bordas ao redor de um elemento
D) Mudar o tipo de fonte
Pedro está criando um site para um projeto escolar e quer aplicar estilos personalizados usando CSS. Qual tag HTML ele deve usar para adicionar uma class e facilitar a estilização?
A) <br>
B) <div>
C) <meta>
D) <link>
Ana está criando um site para um projeto escolar e deseja centralizar o título do seu parágrafo. Qual propriedade CSS ela deve usar?
A) text-align: center;
B)Nenhuma das alternativas
C) font-align: center;
D) paragraph-align: center;
Pedro e Melissa estão criando um site para um projeto escolar. Ao iniciar o documento HTML, eles veem a declaração <!DOCTYPE html>. Qual é a função dessa declaração?
A) Definir o estilo do documento
B) Declarar o tipo de navegador
C) Informar que o documento segue a especificação HTML5
D) Carregar a biblioteca do HTML
Ana e Gabriel estão criando um site para um projeto escolar. Eles querem garantir que mecanismos de busca e leitores de tela reconheçam corretamente o idioma do conteúdo. Para isso, eles especificam o atributo lang="pt-br" na tag <html>. Esse atributo serve para:
A) Definir o idioma do conteúdo da página para mecanismos de busca e leitores de tela
B) Traduzir automaticamente a página para português
C) Alterar a codificação de caracteres
D) Selecionar o estilo do documento
Pedro e Ana estão criando uma página web para um projeto escolar. Eles estão discutindo sobre a função da tag <head> no HTML. O que a tag <head> contém?
A) Todo o conteúdo visível da página
B) Informações de estilo visíveis para o usuário
C) Metadados e configurações do documento
D) O conteúdo principal da página
Gabriel está criando um site para um projeto escolar e quer garantir que os textos com acentuação fiquem corretos para todos os visitantes. O que o atributo charset="UTF-8" faz?
A) Define o tamanho da fonte
B) Permite que o HTML utilize várias linguagens
C) Define a codificação de caracteres para suportar acentuação
D) Aplica efeitos visuais na página
Pedro está criando um site para um projeto escolar e quer garantir que ele fique bem em celulares e tablets. Qual é a principal função da tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> que Pedro deve usar?
A) Ajustar a cor do fundo da página
B) Melhorar a segurança do site
C) Tornar a página responsiva em dispositivos móveis
D) Aumentar o desempenho de carregamento
Gabriel está criando um site para um projeto escolar e quer que o nome do site apareça na aba do navegador. Qual é a tag que ele deve usar para definir esse título?
A) <meta>
B) <h1>
C) <header>
D) <title>
7. Kaio e Melissa estão criando uma página HTML para o site da escola. Eles querem saber onde devem inserir o conteúdo visível para os usuários, como textos e imagens. Em qual parte da estrutura HTML esse conteúdo deve ser colocado?
A) Dentro da tag <head>
B) Dentro da tag <meta>
C) Dentro da tag <body>
D) Fora da estrutura <html>
Melissa e Gabriel estão criando uma página web para um projeto escolar. Eles precisam definir corretamente o conjunto de caracteres UTF-8 no HTML. Qual das opções abaixo mostra a estrutura correta da tag meta que eles devem usar?
A) <meta type="text/html; charset=UTF-8">
B) <meta charset="UTF-8">
C) <meta content="UTF-8" charset="text/html">
D) <meta name="UTF-8" charset="html">
Gabriel e Ana estão criando uma página web para um projeto escolar. Eles querem garantir que o navegador reconheça o documento como HTML. Qual tag eles devem usar para isso?
A) Iniciar o corpo da página
B) Iniciar o cabeçalho da página
C) Definir o documento como HTML
D) Conectar ao banco de dados
Pedro e Shayla estão criando uma página web para um projeto escolar. Eles querem saber para que serve a tag <body> no HTML. A tag <body> é usada para:
A) Definir as configurações da página
B) Inserir scripts de segurança
C) Definir os elementos visíveis ao usuário
D) Carregar os estilos CSS
Pedro e Ana estão criando um site para um projeto escolar. Qual elemento HTML eles devem incluir obrigatoriamente em todo documento HTML válido?
A) <div>
B) <meta>
C) <!DOCTYPE html>
D) <footer>
Pedro está criando um site para um projeto escolar e deseja que ele fique bem ajustado em diferentes dispositivos, como celulares e tablets. Ele descobre que pode usar a tag <meta> com o atributo name="viewport". O que esse atributo indica?
A) A largura da fonte no navegador
B) A largura visível da página no dispositivo
C) A linguagem usada no conteúdo
D) O título da aba do navegador
Pedro está criando uma página web e perguntou para Ana: a tag <title> deve estar localizada dentro de qual outra tag?
A) <body>
B) <head>
C) <html>
D) <main>
Ana e Gustavo estão criando uma página web para um projeto escolar. Eles esqueceram de colocar o <!DOCTYPE html> no início do documento. O que pode acontecer com a página deles?
A) O navegador mostrará erro e não carregará a página
B) O HTML funcionará normalmente, mas sem CSS
C) O navegador pode renderizar a página em modo de compatibilidade
D) O navegador usará automaticamente UTF-8
Pedro, Gustavo e Melissa estão criando juntos um site para um projeto escolar. Eles precisam organizar corretamente os elementos principais do documento HTML. Qual é a ordem correta que eles devem seguir?
A) <head>, <html>, <body>
B) <!DOCTYPE>, <body>, <head>
C) <html>, <body>, <head>
D) <!DOCTYPE html>, <html>, <head>, <body>
