HTML5表格合并之行合并出现问题

article/2025/4/20 23:06:28

写了这样一段代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>表格标签</title></head><body><table border="1" width="500" height="400" cellpadding="50" align="center" bgcolor="" cellspacing="" background="" bordercolordark="" bordercolorlight=""  ><thead><tr  ><td rowspan="2">黄渤<br/>沈腾</td><td>男</td><td >40</td></tr></thead><tbody><tr><td>男</td><td>45</td></tr></tbody><tfoot><tr><td>马蓉</td><td bgcolor="blue" colspan="2" align="center">女30</td></tr></tfoot><caption align="bottom" >表演</caption></table></body>
</html>

现在只完成了表格的列合并，行合并并没有完成。试了试，有点尴尬，原来是给表格加了tbody thead tfoot 标签。固定了行的位置重新修改代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>表格标签</title></head><body><table border="1" width="500" height="400" cellpadding="50" align="center" bgcolor="" cellspacing="" background="" bordercolordark="" bordercolorlight=""  ><tr  ><td rowspan="2">黄渤<br/>沈腾</td><td>男</td><td >40</td></tr><tr><td>男</td><td>45</td></tr><tr><td>马蓉</td><td bgcolor="blue" colspan="2" align="center">女30</td></tr><caption align="bottom" >表演</caption></table></body>
</html>