在网页html上，css只包含一个图像，使图像适应视区，并水平和垂直居中。

在网页HTML上，可以使用CSS来使图像适应视区并水平和垂直居中。以下是一个完善且全面的答案：

要使图像适应视区，可以使用CSS的background-size属性。将background-size设置为"cover"可以让图像自动缩放以填充整个视区，而不会变形。将background-size设置为"contain"可以让图像自动缩放以适应视区的宽度或高度，保持图像的比例。

要使图像水平和垂直居中，可以使用CSS的background-position属性。将background-position设置为"center"可以使图像在水平和垂直方向上都居中。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
  body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  
  .image-container {
    width: 100%;
    height: 100%;
    background-image: url("image.jpg");
    background-size: cover;
    background-position: center;
  }
</style>
</head>
<body>
  <div class="image-container"></div>
</body>
</html>

在上面的示例中，我们使用了flex布局来使图像水平和垂直居中。通过设置body元素的display为flex，并使用justify-content和align-items属性来分别设置水平和垂直方向上的居中对齐。

图像被包含在一个名为"image-container"的div元素中，通过设置div元素的宽度和高度为100%来使其填充整个视区。然后，通过设置div元素的background-image属性来指定图像的URL。

这是一个简单的方法来实现在网页HTML上使图像适应视区并水平和垂直居中的效果。

腾讯云相关产品和产品介绍链接地址：