[Projeto] Site da floricultura hipotética | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Site da floricultura hipotética que eu criei para o meu projeto:

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>
    les Floris Tao | Página Principal
  </title>
</head>

<body>
  <header>
    <nav class="menu">
      <li><a href>Inicio</a></li>
       <li><a href>Produtos</a></li>
       <li><a href>Especialidades</a></li>
    </nav>
  </header>
  <main>
    <h1>Quem somos nós
      <strong>les Floris Tao</strong>
    </h1>
    <p> Um refúgio onde o equilíbrio sereno encontra a elegância atemporal.<br>
      Nossa floricultura é um jardim onde a harmonia com a natureza guia cada criação.<br>
      Aqui, cada arranjo não é uma imposição, mas uma conversa com a própria flor.<br>
      Nossas criações são despretensiosas, honrando o fluxo natural de cada haste e folha,<br>
      celebrando a perfeição na imperfeição.
      O resultado é uma estética que parece ter sido cuidadosamente pensada e,<br>
      ao mesmo tempo, livre, como se as flores tivessem sido delicadamente colhidas<br>
      em um jardim no auge de sua beleza. É uma celebração do belo sem excessos, <br>
      onde a serenidade nos guia para a paz, e a sofisticação nos convida a apreciá-la com um toque de romance.</p>
      <img src="FloresFrame.png" alt="Flores brancas com folhas verdes e luz do sol">
  </main>
  <footer>
    <h3>Contato</h3>
    <a href="https://www.linkedin.com/in/valentina-sousa-318636376/">Linkedin</a>
      <a href="https://github.com/ValentinaSousa">Github</a>
  </footer>
</body>
</html>

No figma:
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá, Valentina, como vai?

Seu projeto está muito bem estruturado e a descrição da floricultura ficou envolvente. Uma melhoria que pode deixar o código mais completo é estruturar o menu de navegação usando a tag <ul> para envolver os <li>, mantendo a semântica correta e melhorando a acessibilidade do site. Além disso, no atributo href é recomendável incluir ao menos um # como valor temporário ou o link real, para evitar links vazios. Por exemplo:

<nav class="menu">
  <ul>
    <li><a href="#">Início</a></li>
    <li><a href="#">Produtos</a></li>
    <li><a href="#">Especialidades</a></li>
  </ul>
</nav>

Essa alteração vai complementar o bom trabalho que você já fez, garantindo que o HTML siga boas práticas e seja interpretado corretamente por navegadores e leitores de tela.

O fórum está à disposição para continuar acompanhando e apoiando o avanço do seu projeto.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!