Skip to content

Latest commit

 

History

History
229 lines (125 loc) · 3.37 KB

ficha1_html_aula.md

File metadata and controls

229 lines (125 loc) · 3.37 KB
Raw

Sistemas de Informação em Rede 2021 | IPVC-ESTG

Exercicios HTML5

A - Base

1. Crie um documento em HTML com um paragrafo



2. Adicione todos os titulos com uma quebra de linha entre eles




3. Adicione um comentário ao documento anterior




4. Crie uma secção com 2 paragrafos e dois spans




5. Crie 3 secções diferentes, cada uma com um elemento diferente e separe as secções com uma quebra de secção




6. Escreva uma frase num paragrafo com uma palavra a negrito, uma palavra a italico, uma palavra sublinhada e uma palavra cortada




7. Crie uma secção com uma citação, um linha/bloco de código e uma frase com uma palavra cujo tamanho é reduzido (utilize as tags HTML que se enquadram melhor)




 


B - Hiperligações


8. Crie uma hiperligação para o Moodle




9. Crie uma hiperligação para outro ficheiro HTML




10. Crie uma hiperligação para ligar para um numero de telefone e outra para enviar um email




11. Crie uma hiperligação para o Moodle que abre numa nova página




 


C - Imagens


12. Crie uma imagem




13. Crie uma imagem com o tamanho de 400px por 400px




 


D - Listas


14. Crie uma lista ordenada com 3 elementos




15. Crie uma lista desordenada com 5 elementos




 


E - Tabelas


16. Crie uma tabela simples com um header e duas linhas de informação




17. Adicione á tabela criada anteriormente um titulo e identifique os headers e o conteudo com as tags correspondentes




18. Na tabela anterior, substitua 2 headers por 1 header que ocupe 2 colunas




 


F - Formulários


19. Crie um formulário simples com dois inputs para introduzir o nome e a idade




20. Adicione labels aos inputs do formulário anterior, torne esses inputs obrigatorios e adicione um botão para submeter o formulário




21. Adicione mais dois inputs no formulário anterior, um para o email e outro para a password




22. Adicione placeholders ao formulário anterior




23. No formulário anterior, adicione ao input 'idade' um valor minimo, maximo e um valor default




24. Inative um dos inputs do formulário anterior




25. Crie um input onde seja possivel escolher varias opções





26. Crie uma select box




27. Crie uma textarea




 


G - HTML Semântico


28. Reescreva o seguinte HTML em HTML semântico


<div>
  <h1>Exercicios de HTML5</h1>
</div>
<div>
  <div>
    <h2>Exercicio 1</h2>
    <p>Crie uma tabela</p>
  </div>
  <div>
    <h1>Exercicio 2</h1>
    <p>Crie um formulario</p>
  </div>
</div>
<div>
  <p>&copy;Pedro Araujo</p>
</div>


Resposta:




 




Sistemas de Informação em Rede 2021 | IPVC-ESTG