HTML在图片上设置4个按钮方块

要在图片上设置四个按钮方块，可以使用HTML的`<map>`和`<area>`标签。具体步骤如下：

1. 在HTML中插入图片，如下所示：

<img src="your-image.jpg" alt="your image" usemap="#image-map">

2. 在图片上定义一个图形映射，如下所示：

<map name="image-map">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button1">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button2">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button3">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button4">
</map>

其中，`<area>`标签的`shape`属性指定按钮的形状，这里我们选择矩形（`rect`）；`coords`属性指定按钮的位置和大小，即左上角坐标和右下角坐标；`href`属性指定按钮点击后跳转的链接；`alt`属性指定按钮的描述，这里我们使用button1、button2、button3、button4。

3. 最后，为了使图像映射生效，需要将`<map>`标签的`name`属性与`<img>`标签的`usemap`属性关联起来，如下所示：

<img src="your-image.jpg" alt="your image" usemap="#image-map">
<map name="image-map">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button1">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button2">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button3">
  <area shape="rect" coords="x1,y1,x2,y2" href="#" alt="button4">
</map>

这样，就可以在图片上设置四个按钮方块了。