📂 Exemplos de Menus Horizontais em HTML

1️⃣ Menu Horizontal Simples

1 2 3 4

🧾 Código:

<div class="menu1">
  <a href="digite hastag">1</a>
  <a href="digite hastag;2</a>
  <a href="digite hastag;3</a>
  <a href="digite hastag">4</a>
</div>

2️⃣ Menu com Hover Animado

casa carpinteiro telefone

🧾 Código:

<div class="menu2">
  <a href="digite hastag"> 1</a>
  <a href="digite hastag"> 2</a>
  <a href="digite hastag"> 3</a>
</div>

3️⃣ Menu com Dropdown (Submenu)

1
2
1 2 3
Contato

🧾 Código:

<div class="menu3">
  <a href="digite hastag;1</a>
  <div class="dropdown">
    <a href="digite hastag">1</a>
    <div class="dropdown-content">
      <a href="digite hastag">1</a>
      <a href="digite hastag">2</a>
      <a href="digite hastag">3</a>
    </div>
  </div>
  <a href="#">Contato</a>
</div>

4️⃣ Menu com Ícones (sem dependências externas)

🏠 Início 📄 Artigos 📧 Contato

🧾 Código:

<div class="menu4">
  <a href="digite hastag">🏠 Início</a>
  <a href="digite hastag">📄 Artigos</a>
  <a href="digite hastag;📧 Contato</a>
</div>

← Voltar para Links