Bug Loop | Éditeur HTML en ligne & blog dev

<header>
  <header>
  <h1>Ma première page Web</h1>
  <nav>
    <ul>
      <li>Accueil</li>
      <li>À propos</li>
      <li>Contact</li>
    </ul>
  </nav>
</header>

<main>
  <section>
    <h2>Bienvenue !</h2>
    <p>Ceci est un exemple très simple en HTML.</p>
  </section>

  <section>
    <h2>Ce que j'aime</h2>
    <ul>
      <li>Chats</li>
      <li>Coder</li>
    </ul>
  </section>
</main>

<footer>
  <p>&copy; 2025 Le blog de Dongsun Han</p>
</footer>
</header>

body {
  background: #fff;
  color: #222;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
header {
  background-color: #f0f4ff;
  padding: 20px 0;
}
header h1 { margin: 0; color: #3366cc; }
nav ul {
  list-style: none; padding: 0; margin: 10px 0 0;
  display: flex; justify-content: center; gap: 20px;
}
nav li { font-weight: bold; color: #444; }
main { padding: 40px 20px; }
section { margin-bottom: 40px; }
h2 { color: #444; margin-bottom: 10px; }
ul { list-style: none; padding: 0; }
ul li { margin: 5px 0; font-size: 1.1rem; }
footer {
  background: #f9f9f9; padding: 20px 0; font-size: .9rem;
  color: #888; border-top: 1px solid #eee;
}

document.body.style.transform = 'scale(1.02)';

Premier Dongsun

Deuxième Dongsun

Troisième Dongsun

Éditeur HTML en ligne

Éditeur HTML en ligne

Assets