|
|
同学，你好！经过10周的学习，你已经不再是个前端小白了，现在这里有2个任务，请你任选一个完成。如果你感兴趣，也可以两个都完成哦，来证明你的实力吧。请注意，在老师批阅前，你可以多次提交，一旦老师批阅就不能再提交啦！请慎重提交哦。提交任务后请到课程问答栏目，找一下老师发的关于这个活动的主题帖，按老师的要求至少回复一个帖子，回帖也计入总成绩哦。
任务一
问题：刘小茗同学想要创建一个表格，并在浏览器中实现如下图所示的效果：
他写出了下面的代码，但是运行时候出现了问题，你可以来帮帮他吗？
任务：请你认真找出小茗代码中的bug，并改正，使得代码运行后能实现上图中的效果。
如果你也卡住了，怎么办呢？不要失望哦，因为我们还为你你准备了求助卡和军师卡呢！快来启动它们吧！
求助卡：到微信群内找伙伴寻求帮助，问问大家是怎么解决的。
军师卡：到平台问答区发帖向辅导老师请教，请军师给你指点迷津。
刘小茗的代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>认识table表标签</title>
</head>
<body>
<table>
<tbody>
<tr>
<th>班级</th>
<th>学生数</th>
<th>平均成绩</th>
</tr>
<tr>
<td>一班<td>
<td> 30<td>
<td>89<td>
</tr>
<tr>
<td>二班<td>
<td>35<td>
<td>85<td>
</tr>
<tr>
<td>三班<td>
<td>32<td>
<td>80<td>
</tr>
</tbody>
</table>
</body>
</html>
任务二
问题：谢小宽为实现图片1中的复选框和单选框的效果，写了一组代码，如图2。 但是小谢同学不确定这组代码是否存在问题，您可以帮他检查下吗？
任务：请你帮他检查下这组代码中是否有错误，如果有，请你找出错误，如果没有，请你运行这组代码，实现图1的效果。
图1：
图2 ：
如果你也遇到问题了，怎么办？给你支个招儿吧，你可以使用求助卡和军师卡。
求助卡：到微信群内找伙伴寻求帮助，问问大家是怎么解决的。
军师卡：到平台问答区发帖向辅导老师请教，请军师给你指点迷津。 |
|
发表于 2019-10-24 14:43:38
