marcoviana0303/lesson-learned

Neste projeto, fiz algumas modificações na página HTML utilizando elementos semânticos para torná-la mais organizada e legível.

Lessons Learned

Neste projeto, fiz algumas modificações na página HTML utilizando elementos semânticos para torná-la mais organizada e legível.

Para começar, adicionei uma cor de fundo específica à página, tornando-a mais agradável visualmente. Também incluí uma barra superior com um título para facilitar a navegação.

Além disso, adicionei uma foto minha à página para torná-la mais pessoal. Ainda, criei uma lista de lições aprendidas e outra lista de lições que ainda desejo aprender, a fim de refletir sobre o meu aprendizado e estabelecer novos objetivos.

Para tornar a página mais completa, incluí um rodapé e inseri pelo menos um link externo para um conteúdo relacionado.

Ainda, criei um artigo sobre o meu aprendizado, a fim de compartilhar minhas experiências com outras pessoas. Também utilizei a tag HTML aside para criar uma breve descrição sobre mim.

Durante todo o processo, apliquei elementos HTML de acordo com o sentido e propósito de cada um deles e testei se a semântica da minha página estava aprovada pelo site CodeSniffer.

Para dar um toque a mais, adicionei uma tabela à página, utilizei o Box model e alterei alguns atributos relacionados às fontes. E por fim, posicionei a tag article e a tag aside uma ao lado da outra, para deixar a página mais dinâmica.

Importante

Para visualizar meu código em tempo real através do navegador, utilizei a extensão Go Live. Se preferir, confira este link e veja como fazer a instalação no Visual Code.

Rodando localmente

Clone o projeto

  git clone [email protected]:MarcoViana0303/lesson-learned.git

Entre no diretório do projeto

  cd lesson-learned

Aprendizados

Por se tratar do meu primeiro projeto pessoal, foi muito importante aprender como funciona uma página HTML, além também de entender a relevância do HTML semântico. 😄

🔗 Links