Desafio Prático de HTML/CSS
🎯 Missão: Complete as lacunas no código HTML para criar uma página completa sobre os Animais da Caatinga. Use tudo que aprendeu sobre formatação, links, imagens e estrutura!
Progresso: 0 de 12 lacunas
0%
📝 Complete o Código HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Animais da Caatinga</title>
</head>
<body>
<header>
<h1>Animais da Caatinga</h1>
</header>
<main>
<section>
<h2>Bioma da Caatinga</h2>
<p>A Caatinga é um bioma exclusivamente brasileiro,
localizado principalmente na região Nordeste do país.</p>
<p>A vegetação da Caatinga possui plantas xerófitas
que se adaptam ao clima seco.</p>
<figure>
< ="https://exemplo.com/caatinga.jpg"
="Mapa da Caatinga"
width="300" height="200">
<>Localização do bioma da Caatinga</figcaption>
</figure>
</section>
<section>
<h2>Saiba Mais</h2>
<p>Para mais informações:
< ="https://pt.wikipedia.org/wiki/Caatinga"
="_blank">
Clique aqui</a>
</p>
</section>
</main>
<>
<p>Contato:
<a href="contato@caatinga.com">Email</a>
</p>
</footer>
</body>
</html>
🌟 Visualização em Tempo Real
0/12
Lacunas preenchidas corretamente
Deploy no Netlify
Agora que você completou o desafio, aprenda a publicar sua página na internet gratuitamente!
🔧 Passo 1: Preparar o arquivo
Clique em "Baixar HTML" acima para baixar seu arquivo completo. Salve como index.html
🌐 Passo 2: Acessar o Netlify
Vá para netlify.com e crie uma conta gratuita
📁 Passo 3: Fazer Deploy
Na página inicial do Netlify, arraste seu arquivo index.html para a área "Want to deploy a new site without connecting to Git?"
🚀 Passo 4: Publicar
O Netlify gerará automaticamente um link público para sua página! Exemplo: https://nome-aleatório.netlify.app
✏️ Passo 5: Personalizar (Opcional)
Você pode renomear o site indo em "Site settings" > "Change site name" para escolher um nome mais bonito
🎉 Parabéns!
Sua página estará online e acessível para qualquer pessoa no mundo! Compartilhe o link com amigos e família.