Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Fala, Ian! Tudo bom?
Agradeço por trazer sua solução para o fórum!
Curti demais como trabalhou a estrutura semântica em HTML para organizar o conteúdo da página, entendeu perfeitamente a importância da separação de estilos com CSS externo para manter o código limpo e usou bem a hierarquia de classes para estilizar listas e links de forma consistente.
Algo bem legal para complementar é corrigir alguns pequenos detalhes de sintaxe no HTML, como o body" que está com aspas extras e o <h1> que deveria estar dentro do <body>. Dessa maneira:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Casa</title>
</head>
<body>
<h1 class="titulo-principal">Casa</h1>
<hr>
<ul class="lista">
<li class="lista__lista-sites"><a href="tags-html/titulo.html">Título</a></li>
<li class="lista__lista-sites"><a href="tags-html/paragrafo.html">Parágrafo</a></li>
<li class="lista__lista-sites"><a href="tags-html/formatacoes.html">Formatações</a></li>
<li class="lista__lista-sites"><a href="tags-html/listas.html">Listas</a></li>
<li class="lista__lista-sites"><a href="tags-html/links.html">Links</a></li>
<li class="lista__lista-sites"><a href="tags-html/imagem.html">Imagem</a></li>
</ul>
</body>
</html>
Isso faz com que o HTML fique mais estruturado e sem erros de sintaxe.
E algumas boas práticas que você pode adotar são:
<body> para seguir a semântica correta. Continue postando as suas soluções! Além de ganhar pontos de XP na plataforma, você pode ajudar outros estudantes no fórum.
Ah, uma pergunta: você prefere evoluir esse projeto adicionando mais páginas com navegação entre elas ou focar em melhorar a responsividade e o design da página inicial?
Fico à disposição! E se precisar, conte sempre com o apoio do fórum.
Abraço e bons estudos!
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
confundi o head com header!
a sintaxe estaria correta se tivese colocado o h1 em um header?
é sempre bom ter um header? ou ás vezes só o body já é suficiente?