Html实现八个圆形图片中间一个大圆，圆形上面有文字模块1模块2等，且实现每个圆形链接到一个地址

要在HTML中实现这样的布局，你可以使用CSS的Flexbox或者Grid布局，配合SVG或CSS伪元素创建圆角矩形，并且将每个圆形作为锚点链接到不同的地址。这里是一个简单的示例，我们将使用CSS Grid和SVG来构建：

首先，创建一个包含八个圆的容器和一个包含文字的中间部分：

<div class="container">
  <div class="circle circle1" href="#module1">
    <svg viewBox="0 0 100 100">
      <circle cx="50" cy="50" r="40" fill="white" stroke="black" stroke-width="2"/>
    </svg>
  </div>
  <!-- 重复七个圆形，分别为circle2到circle8 -->
  <div class="middle-text">
    <h2>模块1</h2>
    <!-- 同样处理模块2、3... -->
  </div>
  <!-- ...重复内容... -->
</div>

然后，在CSS中添加样式：

.container {
  display: grid;
  gap: 1rem;
  justify-content: center;
}

.circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.middle-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2);
}

每个性化的圆形链接只需更改`href`属性和内部`<h2>`的文本即可。注意，如果你需要动态生成这些元素，可能需要JavaScript辅助。