前端开发编写电子木鱼

问题遇到的现象和发生背景

前端开发编写电子木鱼

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
<style>
.header{
        font-size: 16px;
        position: relative;
        text-align: center;
        font-style:italic;
    }
    .audio1{
        visibility: hidden;
    }
    #div{
        animation:div,0.5s,linear;
    }
    @keyframes div{
        0%{
            transform: scale(1);
        }
        50%{
            transform:scale(1.5);
        }
        100%{
            transform:scale(1);
        }
    }
    style>
head>

<body bgcolor="black">
    <table width="100" border="0">
  <tbody>
    <tr>
      <td align="center"><a href="大作业主页.htm"><img src="返回.png" width="50" height="50">a>td>
    tr>
  tbody>
table>
    <br />
    <br />
    <br />
<audio class="audio1" src="木鱼声.mp3">audio>
运行结果及详细报错内容

这段代码哪有啥错莫 为什么运行出来以后鼠标点木鱼没反应

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

是div这个盒子动了但因为背景是黑色的没反应吗？那如果是这样的话要怎么做呢，我也试过直接插入图片不用div但依旧没有成功

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

1、找不到id为div的元素

img


2、 animation:div 0.5s linear; 用空格