老师请问一个关于thead的问题
来源:3-2 项目作业
Rockets总冠军
2019-05-29 10:08:43
老师,我在渲染thead中的内容时遇到了问题:
我在thead中写了一行一列也就是一个tr中一个td,然后进行渲染发现属性放在td中完全没有作用,然后放在tr中,发现只有背景颜色有效果,这是为什么?tr,td不是都可以渲染嘛?

以下是我的表头代码:
<table width="100%">
<!--表头(1×1)-->
<thead>
<tr width="100% height="80px" align="left" bgcolor="blue" valign="center">
<td>
<img src="img/logo.png">
</td>
</tr>
</thead>
3回答
你好,html一般是不会有报错的,但是可以看html结构是否对称:

还有标点符号颜色在编辑器中是否有不一样的,大部分还是需要自己找出来哦。
祝学习愉快!
好帮手慕星星
2019-05-29
你好,是因为width属性缺少右半块闭合的括号:

导致后面匹配错误,添加上就可以了,属性放在td中也可以生效,重新试试。
祝学习愉快!
Rockets总冠军
提问者
2019-05-29
老师您好,我把我的完整代码贴上来:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>项目作业</title>
</head>
<body>
<!--整体表格-->
<table width="100%">
<!--表头(1×1)-->
<thead>
<tr width="100% height="80px" bgcolor="blue" valign="center">
<td>
<img src="img/logo.png">
</td>
</tr>
</thead>
<!--表格主体(嵌套一个表格)-->
<tbody>
<tr>
<td>
<!--嵌套表格(1×2)-->
<table>
<tr>
<!--主体左侧-->
<td></td>
<!--主体右侧-->
<!--内嵌三个表格-->
<td>
<!--内嵌第一个表格(1×1)-->
<table>
<tr>
<td></td>
</tr>
</table>
<!--内嵌第二个表格(1×1)-->
<table>
<tr>
<td></td>
</tr>
</table>
<!--内嵌第三个表格(13×8)-->
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
<!--表格脚注(1×1)-->
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
</body>
</html>
相似问题
回答 3