在最后合并的单元格内嵌的表格,这样子不可以吗

来源:2-23 编程练习

慕斯3053480

2019-04-21 20:23:27

<!DOCTYPE html>

<html>


    <head>

<title>表格属性</title>

<meta charset="utf-8">

</head>


<body>

<table border="1" width="500" cellspacing="0" cellpadding="5px" align="center">

<caption>课程表</caption>

<tr bgcolor="orange" align="center">

<th>星期一</th>

<th>星期二</th>

<th>星期三</th>

<th>星期四</th>

<th>星期五</th>

</tr>

<tr align="center">

<td>语文</td>

<td>数学</td>

<td>化学</td>

<td>英语</td>

<td>生物</td>

</tr>

<tr align="center">

<td>数学</td>

<td>化学</td>

<td>英语</td>

<td>生物</td>

</tr>

<tr align="center">

<td>课间活动</td>

</tr>

<tr align="center">

<td rowspan="2">

    <teble border="1">

    <tr>

        <td>前半节</td>

        <td>后半节</td>

    </tr>

    <tr>

        <td>诗词</td>

        <td>古文</td>

    </tr>

</teble>

</td>

</td>

<td>数学</td>

<td>化学</td>

<td>英语</td>

<td>生物</td>

</tr>

<tr align="center">

<td>数学</td>

<td>化学</td>

<td>英语</td>

<td>生物</td>

</tr>

</table>

</body>

</html>

这样子不可以吗

写回答

2回答

好帮手慕夭夭

2019-04-22

你好同学, 根据效果图,还有几处没有合并单元格,如下:

第二行与第三行的第一列需要合并,然后第四行整行合并

http://img.mukewang.com/climg/5cbd22210001189104910195.jpg

如下设置:

http://img.mukewang.com/climg/5cbd22110001e03205200202.jpg

http://img.mukewang.com/climg/5cbd225500010ef605250089.jpg

另外,在嵌套的表格中,teble是不对的拼写,导致结构解析出错,如下修改过来:

http://img.mukewang.com/climg/5cbd22960001da0206420336.jpg

祝学习愉快 ,望采纳。

0

好帮手慕星星

2019-04-22

同学你好,代码实现效果如下:

http://img.mukewang.com/climg/5cbd20c600019b8006210304.jpg

与给出的效果图是不符合的哦。

(1)语文是需要跨两行的,否则第二排的课程右侧就会少一个单元格。

http://img.mukewang.com/climg/5cbd21160001ceb105270118.jpg

(2)课间活动占据的应该是整行,也就是跨所有列。

http://img.mukewang.com/climg/5cbd214600010e7205250103.jpg

(3)底部左侧嵌套的表格没有生效是因为标签名称错了。

http://img.mukewang.com/climg/5cbd21c8000128ec07620534.jpg

自己可以重新修改测试下,祝学习愉快!

0

0 学习 · 40143 问题

查看课程