Question

我使用https://validator.w3.org/nu/#file来修正我的html for class但我一直收到此错误

警告：表格行为2列宽，小于第一行（3）建立的列数。从第31行，第31栏;到第32行，第6列戒指↩↩

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Assignment 3B</title>
<style>
table, th, td {
    border: 1px solid black;
    background-color: #FFFFCC;
}
th, td {
    width: 25%;
}
th {
    height: 50px
}
th, td {
    padding: 10px;
}
</style>
</head>
<body>

<table>

    <tr>
    <th colspan="3"> Seasons </th> 
    </tr> 
    <tr> 
    <td rowspan="3"> March/April </td>
    <th rowspan="4"> Spring </th> 
    </tr>

    <tr>
    <td > <b> Cold </b></td> 
    </tr>
    <tr> 
    <td> Warm </td> 
    </tr> 
    <tr> 
    <th rowspan="1">
    <img src="tree1.png" alt="tree" style="width:150px;height:150px;"> 
    </th>
    <td style="background-image: url(Light_Pink_430051_i0.png)"> <b>Warm </b> </td>
    </tr>

    </table> 
</body>
</html>

请帮帮我

Answer 1

您的第1行有3列，第2行和第5行有2列，第3行有1列

试试这个html：

table,
th,
td {
  border: 1px solid black;
  background-color: #FFFFCC;
}
th,
td {
  width: 25%;
}
th {
  height: 50px
}
th,
td {
  padding: 10px;
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Assignment 3B</title>
</head>

<body>
  <table>
    <tr>
      <!-- 2 columns only -->
      <th colspan="2">Seasons</th>
    </tr>
    <tr>
      <th>March/April</th>
      <th>Spring</th>
    </tr>
    <tr>
      <td> <b> Cold </b>
      </td>
      <td>Warm</td>
    </tr>
    <tr>
      <th>
        <img src="tree1.png" alt="tree" style="width:150px;height:150px;">
      </th>
      <td style="background-image: url(Light_Pink_430051_i0.png)"> <b>Warm </b> 
      </td>
    </tr>
  </table>
</body>

</html>

Answer 2

出现这种情况是因为您选择的td和th不包含 rowspan 中定义的列。

Answer 3

我不想为你回答你的学校问题，但我会尽力帮你解决问题

因此请记住行遍历并且列上下移动。定义表时，定义表。然后是表格中的行以及每行中定义每列的行。

所以拍摄该图像并尝试先考虑行

你有第一个单元格。它跨越3列

然后在下一行。第一个单元格跨越2行，第二个单元格跨越3行，第三个单元格跨越一行

在下一行中，您已经处理了第一个和第二个cols，需要定义第三个单元格

在最后一行中，您需要定义第一个单元格，第二个单元格已在第二行中处理回来。然后你需要定义最后一个单元格

希望你能从那里拿走它

表行宽2列，小于第1行（3）建立的列数

3 个答案: