关于HTML、CSS和JS怎么变成页面的
warning:
这篇文章距离上次修改已过189天,其中的内容可能已经有所变动。
HTML、CSS和JS组合起来可以创建一个网页的结构、样式和行为。
- HTML (Hypertext Markup Language): 负责定义网页的结构。它是网页的骨架。
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<!-- 更多的标签和内容 -->
</body>
</html>
- CSS (Cascading Style Sheets): 负责定义网页的样式。它是网页的外观。
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
p {
font-size: 16px;
}
- JS (JavaScript): 负责定义网页的行为。它是网页的交互。
function changeText() {
var p = document.querySelector('p');
p.textContent = '段落已更改!';
}
// 当按钮被点击时执行函数
document.querySelector('button').addEventListener('click', changeText);
HTML定义了页面的内容和结构,CSS装饰了页面的外观,而JavaScript添加了页面的行为。这三者结合起来,构成了现代网页的基础。
评论已关闭