📅 最后修改于: 2023-12-03 14:57:03.996000 🧑 作者: Mango
网页是在互联网上呈现的一种信息载体。程序员常常使用各种技术来创建网页，使其具有丰富的功能和交互性。
HTML（超文本标记语言）是构建网页的基础，它描述了网页的结构和内容。以下是一个基本的HTML示例：
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎访问我的网页</h1>
<p>这是一个示例网页。</p>
</body>
</html>
在上面的示例中，<html>元素表示整个HTML文档，<head>元素包含了一些元数据，如标题等，<body>元素包含了实际显示的内容。
CSS（层叠样式表）用于控制网页的样式和布局。它可以通过选择器和属性来指定各种样式。以下是一个简单的CSS示例：
h1 {
color: blue;
font-size: 24px;
}
p {
color: gray;
font-size: 16px;
}
上面的示例中，选择器h1用于选择所有<h1>元素，并将其颜色设置为蓝色、字体大小设置为24像素。选择器p用于选择所有<p>元素，并将其颜色设置为灰色、字体大小设置为16像素。
JavaScript是一种用于添加交互功能的脚本语言。它可以让网页对用户的操作做出响应，并实现动态效果。以下是一个简单的JavaScript示例：
const button = document.querySelector('button');
button.addEventListener('click', function() {
alert('你点击了按钮！');
});
上面的示例中，querySelector方法用于选择第一个匹配的元素，这里选择了一个按钮。addEventListener方法用于在按钮被点击时执行回调函数，回调函数内部使用alert方法显示一个弹窗。
Markdown是一种轻量级的标记语言，经常用于编写文档和笔记。下面是一个Markdown示例：
# 我的笔记
## 第一节
这是第一节的内容。
## 第二节
这是第二节的内容。
- 列表项1
- 列表项2
[链接到我的网页](http://www.example.com)
上面的示例中，#号表示标题，##号表示副标题。使用-表示无序列表。使用[]()的形式表示链接。
以上是对网页的简要介绍。通过HTML、CSS和JavaScript组合使用，程序员可以创建出丰富多样的网页内容，而Markdown则是分享和编辑网页内容的好选择。