Skip to content

luciafm/HTML_OBC

Repository files navigation

Exercicios_HTML_OBC

  • Esse repositório serve como registro dos meus estudos de HTML pela OneBitCode. Aqui irei colocar todos os exercícios realizados durante as aulas, conhecimentos adquiridos e dificuldades encontradas.
  • Nas questões o professor mostrava como deveria ser o resultado final e com base nos meus conhecimentos, fazia os códigos sem consulta.

Questão 01 -Listas:

  • A questão pedia uma lista não ordenada, dentro de outras listas não ordenadas.
  • Foi um exercício simples, porém precisava de atenção para os momentos de abrir e fechar as tags das listas afim de manter a ordem correta.

Questão 02 -Guia das Galaxias:

  • A questão pedia pra criar 3 páginas HTML contendo informações sobre galaxias e imagens. E depois fazer os links entre as páginas;
  • Foi usando novos conhecimentos como as tags: img para imagens e a para links;
  • Na primeira tentativa de linkar as páginas não funcionou, mas foi porque os arquivos não estavam na mesma pasta. Após resolver esse problema, funcionou perfeitamente.

Questão 03 -Tabelas:

  • A questão pedia para criar uma tabela com 2 colunas e 8 linhas, contendo as massas do sistema solar.
  • Após estudar a documentação, dei uma aprimorada no exercícios usando a tag colgroup para colorir as colunas e resolvi fazer uma fonte para a tabela, onde eu aprendi que não tem uma tag para isso, é necessário colocar na tag p e depois estilizar ela, fiz isso no próprio HTML com a tag style.

Questão 04 -Formulários:

  • A questão pedia para criar um formulário de cadastro na liga dos astronautas;
  • Vários tipos diferentes de inputs foram cobrados, o que foi excelente para praticar e me familiarizar com eles;
  • O código foi organizado por meio de divs, permitindo uma melhor leitura;
  • Além disso, ainda estudei a documentação para conseguir fazer a parte do textarea.

Questão 05 -Desafio Final:

  • Essa foi a última questão do módulo de HTML, o desafio consistia em montar um site completo da SpaceX, com links navegáveis entre as páginas, forms de contato, imagens e textos.
  • Eu amei fazer, foi excelente para revisar tudo que eu aprendi ao longo do módulo. Além disso, também usei as tags semânticas para organizar ainda mais o meu código.
  • Felizmente, não tive dificuldades na realização do desafio e quando fui conferir o resultado, estava bem semelhante ao do professor. Sinal de que consegui aprender o conteúdo com perfeição.

About

Exercícios de HTML da plataforma OneBitCode

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages