简单网页前端代码示例 - HTML、CSS 和 JavaScript - 常规

<!DOCTYPE html>
<html>
<head>
  <title>简单网页</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
<pre><code>h1 {
  color: blue;
}

p {
  margin: 20px;
}
</code></pre>
  </style>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个简单的网页示例。这里可以写一些网页的介绍或者其他内容。</p>
  <button onclick='changeColor()'>点击改变文字颜色</button>
  <script>
    function changeColor() {
      var heading = document.querySelector('h1');
      heading.style.color = 'red';
    }
  </script>
</body>
</html>