Lista de Exercicios - HTML e CSS
Nome:_________________________________________
Secao 1 - Multipla Escolha (10 questoes)
1. Qual a funcao da tag <h1> em HTML?
a) Criar paragrafos
b) Criar links
c) Criar titulos principais
d) Criar listas
2. Qual atributo e usado para definir o endereco de um link?
a) src
b) href
c) link
d) url
3. Qual tag HTML e usada para inserir uma imagem?
a) <img>
b) <image>
c) <picture>
d) <src>
4. Qual e a extensao padrao de arquivos HTML?
a) .txt
b) .htm ou .html
c) .css
d) .js
5. O que a tag <p> representa?
a) Um paragrafo
b) Um titulo
c) Um link
d) Uma tabela
6. Qual e a funcao do atributo alt em uma imagem?
a) Definir a largura
b) Descrever a imagem para leitores de tela
c) Alterar a cor da imagem
d) Criar um link
7. Qual e a tag correta para criar uma lista nao ordenada?
a) <ul>
b) <ol>
c) <li>
d) <list>
8. Qual tag HTML e usada para criar um botao?
a) <btn>
b) <button>
c) <input>
d) <click>
9. Qual tag e usada para criar uma tabela?
a) <table>
b) <tab>
c) <tr>
d) <td>
10. O que a tag <a> faz?
a) Cria um paragrafo
b) Cria uma ancora ou link
c) Cria uma imagem
d) Cria um titulo
Secao 2 - Exercicios Praticos HTML (10 questoes)
1. Crie um arquivo HTML chamado [Link] com um titulo 'Minha Primeira Pagina'.
2. Crie um paragrafo com o texto: 'Estou aprendendo HTML!'.
3. Insira uma imagem na pagina com qualquer link de sua escolha.
4. Crie uma lista nao ordenada com 3 itens de comidas favoritas.
5. Crie uma lista ordenada com 3 itens de tarefas do dia.
6. Insira um link para o site [Link]
7. Crie um formulario simples com um campo de texto e um botao enviar.
8. Crie um paragrafo com texto em negrito usando a tag <b>.
9. Crie um titulo <h2> com o texto 'Secao de Noticias'.
10. Crie uma tabela com 2 colunas e 2 linhas com qualquer conteudo.
Secao 3 - Pesquisas (2 questoes)
1. Pesquise e explique a diferenca entre as tags <div> e <span> no HTML.
2. Pesquise sobre o que e semantica em HTML e cite 3 tags semanticas com exemplo de uso.
Secao 4 - CSS Introducao (5 questoes)
1. Crie um arquivo CSS e altere a cor de fundo da pagina para azul.
2. Altere a cor do texto de todos os paragrafos para vermelho.
3. Defina a fonte dos titulos <h1> como Arial.
4. Altere a largura de uma imagem para 200px usando CSS.
5. Crie uma classe chamada .destaque que deixe o texto em negrito e cor verde e aplique a um
paragrafo.
Secao 5 - Pesquisa CSS (3 questoes)
1. Pesquise sobre a propriedade margin e explique a diferenca entre margin e padding.
2. Pesquise sobre o que sao seletores em CSS e cite 3 tipos com exemplos.
3. Pesquise sobre cores em CSS e explique a diferenca entre usar nomes de cores, HEX e RGB.