关于HTML、CSS和JS如何变成页面
HTML、CSS和JS组合起来可以创建一个完整的网页。
HTML (Hypertext Markup Language) 负责定义网页的结构。
CSS (Cascading Style Sheets) 负责定义网页的样式，即外观。
JS (JavaScript) 负责定义网页的行为，即交互。
以下是一个简单的HTML页面示例，它包含了基本的HTML结构，内联CSS样式和JavaScript代码，以展示页面是如何形成的：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Page</title>
<style>
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
.header {
background-color: #35495e;
color: #ffffff;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<h1>Welcome to My Page</h1>
</div>
<p>This is a paragraph.</p>
<script>
// JavaScript code here
function showMessage() {
alert('Hello, World!');
}
showMessage();
</script>
</body>
</html>在这个例子中，HTML定义了页面的结构，CSS定义了页面的样式，而JavaScript通过showMessage函数弹出一个警告框，展示了页面的交互行为。
评论已关闭