Bug Loop | 在线HTML编辑器与开发博客

<header>
  <header>
  <h1>我的第一个网页</h1>
  <nav>
    <ul>
      <li>首页</li>
      <li>关于</li>
      <li>联系</li>
    </ul>
  </nav>
</header>

<main>
  <section>
    <h2>欢迎！</h2>
    <p>这是一个非常基础的 HTML 示例。</p>
  </section>

  <section>
    <h2>我喜欢的东西</h2>
    <ul>
      <li>猫咪</li>
      <li>编程</li>
    </ul>
  </section>
</main>

<footer>
  <p>&copy; 2025 东善·韩的博客</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)';

第一东善

第二东善

第三东善

在线 HTML 编辑器

在线 HTML 编辑器

Assets