一个基于HTML、CSS和JavaScript的网页
时间: 2024-04-11 16:33:15 浏览: 10
当然,下面是一个简单的基于HTML、CSS和JavaScript的网页示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
}
p {
color: #666;
}
</style>
</head>
<body>
<div class="container">
<h1>欢迎来到我的网页</h1>
<p>这是一个基于HTML、CSS和JavaScript的简单网页示例。</p>
</div>
</body>
</html>
```
这个示例网页包含了一个容器 div,其中包含了一个标题 h1 和一个段落 p。通过 CSS 样式设置了网页背景、容器样式、标题和段落的样式。
你可以将以上代码保存为一个 `.html` 文件,并在浏览器中打开,即可看到这个简单的网页效果。你可以根据自己的需要进行修改和扩展。希望对你有帮助!