Este repositório contém todos os exercícios, desafios e projetos desenvolvidos por mim durante o curso de HTML5 e CSS3 oferecido gratuitamente pelo Curso em Vídeo e ministrado pelo professor Gustavo Guanabara.
🎯 Meu objetivo com este repositório é praticar, acompanhar meu progresso e compartilhar os aprendizados de forma organizada.
Durante o curso, explorei os principais fundamentos do desenvolvimento web. Abaixo estão os temas abordados até o momento:
| Tópico | O que foi aprendido |
|---|---|
| Estrutura básica | Uso das tags <html>, <head>, <body> e organização do conteúdo da página. |
| Títulos e parágrafos | Hierarquia com <h1> até <h6>, e escrita com <p>. |
| Imagens e mídias | Inserção de imagens com <img>, áudios e vídeos com <audio> e <video>. |
| Emojis e símbolos | Uso de códigos especiais (©, ®, etc.) e emojis. |
| Links e navegação | Criação de links internos e externos com <a>. |
| Listas | Listas ordenadas <ol>, não ordenadas <ul> e listas de definição <dl>. |
| Tabelas | Criação de tabelas com <table>, cabeçalho <thead>, corpo <tbody> e rodapé <tfoot>. Uso de <tr>, <th> e <td> para organizar os dados. |
| Iframes | Inserção de conteúdos externos (como vídeos do YouTube ou mapas do Google). |
| Formulários (inicial) | Criação de formulários com <form>, campos com <input>, <textarea>, <button>. |
| Tópico | O que foi aprendido |
|---|---|
| Introdução ao CSS | Aplicação de estilos via style, <style>, e arquivos .css. |
| Seletores | Seletores por tag, classe (.classe), id (#id) e agrupamentos. |
| Cores e fontes | Definição de cores (hex, rgb, nomes) e estilização de textos e fontes. |
| Box Model | Conceito de conteúdo, padding, borda e margem. |
| Layout e posicionamento | Uso de display, position, float, clear, alinhamento e centralização. |
| Responsividade | Introdução ao uso de media queries para diferentes tamanhos de tela. |
✅ Finalizei o Módulo 1
✅ Finalizei o Módulo 2
✅ Finalizei o Módulo 3
✅ Finalizei o Módulo 4
🔄 Em andamento: Módulo 5
| Exercício | Link |
|---|---|
| ex001 | Acessar |
| ex002 | Acessar |
| ex003 | Acessar |
| ex004 | Acessar |
| ex005 | Acessar |
| ex006 | Acessar |
| ex007a | Acessar |
| ex007b | Acessar |
| ex008 | Acessar |
| ex008b | Acessar |
| ex009 | Acessar |
| ex010 | Acessar |
| ex011 | Acessar |
| ex012 | Acessar |
| ex013 | Acessar |
| ex014 | Acessar |
| ex015 | Acessar |
| Exercício / Desafio | Link |
|---|---|
| ex017 - fonte01 | Acessar |
| ex018 - seletor01 | Acessar |
| ex019 - seletor01 | Acessar |
| ex020 - hover | Acessar |
| ex020 - links | Acessar |
| ex020 - pseudoclasse | Acessar |
| ex021 - caixa01 | Acessar |
| ex021 - caixa02 | Acessar |
| cor03 - cor03 | Acessar |
| Desafio 010 - Android | Acessar |
| Exercício / Desafio | Link |
|---|---|
| fundo001 | Acessar |
| fundo002 | Acessar |
| fundo003 | Acessar |
| fundo004 | Acessar |
| fundo005 | Acessar |
| fundo006 | Acessar |
| fundo007 | Acessar |
| tabela001 | Acessar |
| tabela002 | Acessar |
| tabela003 | Acessar |
| tabela004 | Acessar |
| tabela005 | Acessar |
| tabela006 | Acessar |
| Desafio 012 - Cordel | Acessar |
| Desafio 013 - Mesclagens d_tabela01 | Acessar |
| Desafio 013 - Mesclagens d_tabela02 | Acessar |
| Desafio 014 - Tabela média notas | Acessar |
| Exercício / Desafio / Estudos | Link |
|---|---|
| iframe001 | Acessar |
| iframe002 | Acessar |
| iframe003 | Acessar |
| iframe004 | Acessar |
| iframe005 | Acessar |
| iframe006 | Acessar |
| Desafio 015 - pjt-redes-sociais | Acessar |
| form001 | Acessar |
| form002 | Acessar |
| form003 | Acessar |
| form004 | Acessar |
| form005 | Acessar |
| form006 | Acessar |
| form007 | Acessar |
| form008 | Acessar |
| form009 | Acessar |
| form010 | Acessar |
| mq001 | Acessar |
| mq002 | Acessar |
| mq003 | Acessar |
| mq004 | Acessar |
| mq005 | Acessar |
| projeto-login | Acessar |
| Exercício / Desafio | Link |
|---|---|
| flex001 | Acessar |
| flex002 | Acessar |
| flex003 | Acessar |
| flex004 | Acessar |
| flex005 | Acessar |
| flex006 | Acessar |
| flex007 | Acessar |
| flex008 | Acessar |
| flex009 | Acessar |
⚠️ Lista em atualização conforme avanço do curso.
Para visualizar ou editar os projetos, é recomendado ter:
```bash git clone https://github.com/LucasMB21/html-css-curso-em-video.git