未出现在棋盘中的图像-PHP_Php_Html_Css_Chess

未出现在棋盘中的图像-PHP

php html css

未出现在棋盘中的图像-PHP,php,html,css,chess,Php,Html,Css,Chess,我们的任务是创建一个8x8国际象棋棋盘，你必须在棋盘上放置8个皇后，皇后们将无法相互吃掉。我在这段代码中的问题是皇后图像（qb.png&qw.png）没有出现在输出中。有人能指出哪里出了问题吗？多谢各位 <HTML> <head> <title>Queen's Puzzle</title> </head> <style type = "text/css"> table{ border-c

我们的任务是创建一个8x8国际象棋棋盘，你必须在棋盘上放置8个皇后，皇后们将无法相互吃掉。我在这段代码中的问题是皇后图像（qb.png&qw.png）没有出现在输出中。有人能指出哪里出了问题吗？多谢各位

<HTML> 
<head> 
    <title>Queen's Puzzle</title>
</head>

<style type = "text/css">
    table{
        border-collapse: collapse;
        width: 800px;
        border: 1px solid;
    }

    td{
        height: 100px;
        width: 100px;
    }

    .white{
        background-color: #FFFFFF;
    }

    .black{
        background-color: #000000;
    }

    .qw{
        width: 95px;
        height: 95px;
    }
</style>

<body> 
  <?php
  $pos = array(2, 7, 3, 6, 0, 5, 1, 4);
  $a = false;
  echo '<table>';
  for ($row = 0; $row < 8; $row++){
    echo '<tr>'; 

    for ($col = 0; $col < 8; $col++){
        if ($pos[$row] == $col){
            if($a){
                echo '<td img class="qw" src="qb.png"></td>';
                $a = false;
            } else {
                echo '<td img class="qb" src="qw.png"></td>';
                $a = true;
            }
        } else {
            if($a){
                echo '<td class="black"></td>';
                $a = false;
            } else{
                echo '<td></td>';
                $a = true;
            }
        }
    }
    echo '</tr>';
    $a = !($a);
}
echo '</table>';

      ?>
</body>
</html>


女王之谜
桌子{
边界塌陷：塌陷；
宽度：800px；
边框：1px实心；
}
运输署{
高度：100px；
宽度：100px；
}
怀特先生{
背景色：#FFFFFF；
}
布莱克先生{
背景色：#000000；
}
.qw{
宽度：95px；
高度：95px；
}

这是：

echo '<td img class="qw" src="qb.png"></td>';

echo'；

应该是：

echo '<td><img class="qw" src="qb.png"></td>';

echo'；

？

td元素没有src属性

td标签应为：

echo '<td class="qw"></td>';

-你没有结束你的

td

开场白。这并不相关，但为什么棋盘上有8个皇后？克里斯85这是我的导师提出的要求，说这是“皇后之谜”

.qw{
    width: 95px;
    height: 95px;
    background-image: url("qb.png");
}