能否提供HTML、CSS和JavaScript网页制作的《第2版》第二章例题代码
时间: 2024-10-19 15:08:14 浏览: 2
当涉及到HTML、CSS和JavaScript的基础示例时,我会给出一个简单的页面结构和样式的基本例子,这通常是第二章可能会涵盖的内容。请注意,具体的书籍内容可能会有所不同,这里是一个基础示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第2版 HTML/CSS/JS 示例</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}
h1 {
color: #336699;
}
.container {
width: 50%;
margin: auto;
}
</style>
</head>
<body>
<div class="container">
<h1>Hello, World!</h1>
<p>This is a simple example demonstrating the use of HTML, CSS, and JavaScript.</p>
<button id="myButton">Click me!</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
alert("You clicked the button!");
});
</script>
</div>
</body>
</html>
```
这个例子包含了:
- CSS部分设置了基本的字体和布局样式;
- JavaScript部分添加了点击按钮时弹出提示的功能。
阅读全文