HTML是一种用于创建网页的标准标记语言，它可以用来定义网页的结构和内容，在HTML中，我们可以使用CSS（层叠样式表）来设置网页的背景颜色，CSS是一种用于描述HTML元素在屏幕上如何显示的语言，它可以控制元素的布局、颜色、字体等属性。
要设置HTML页面的背景颜色，我们需要使用CSS的background-color属性，这个属性可以接受一个颜色值，可以是预定义的颜色名称、十六进制颜色代码、RGB颜色代码或者HSL颜色代码，下面是一些示例：
1、使用预定义的颜色名称：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: red;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个示例中，我们设置了body元素的背景颜色为红色。body元素是HTML文档的主体部分，包含了所有的文本、图片和其他元素。
2、使用十六进制颜色代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #ff0000;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个示例中，我们使用了十六进制颜色代码#ff0000来设置背景颜色，这表示红色，十六进制颜色代码由6个十六进制数字组成，每个数字的范围是00（表示黑色）到ff（表示白色），前两个数字表示红色分量，中间两个数字表示绿色分量，最后两个数字表示蓝色分量，通过调整这些数字，我们可以生成各种颜色。
3、使用RGB颜色代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: rgb(255, 0, 0);
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个示例中，我们使用了RGB颜色代码rgb(255, 0, 0)来设置背景颜色，这表示红色，RGB颜色代码由三个十进制数字组成，分别表示红色、绿色和蓝色的分量，每个分量的值范围是0到255，其中0表示没有该颜色的分量，255表示该颜色的分量最大，通过调整这些数字，我们可以生成各种颜色。
4、使用HSL颜色代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: hsl(0, 100%, 50%);
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个示例中，我们使用了HSL颜色代码hsl(0, 100%, 50%)来设置背景颜色，这表示红色，HSL颜色代码由三个百分数组成，分别表示色相、饱和度和亮度，色相是一个角度，表示颜色的类型（如红色、绿色等），饱和度表示颜色的纯度（从0%到100%），亮度表示颜色的明暗程度（从0%到100%），通过调整这些值，我们可以生成各种颜色。