前面我们已经用html实现了列表和表格，戳这里列表实现、表格实现。
今天，我们的任务是设计这样一张试卷：
目标图
分析：
这张试卷大致可以分为以下八个部分：试卷名、考试和考生信息、填空题、选择题、多选题、判断题、简答题以及计算分数提交按钮。这几个部分可以用section的形式罗列，在填空题、选择题、多选题、判断题、简答题这几个部分里分别还有各自的小问题，这里可以用有序列表来实现上图中的缩进效果。
- 对于试卷中标题标签的选择
标题（Heading）是通过````<h1>-<h6>等标签进行定义的,<h1>定义最大的标题,<h6>定义最小的标题。并且在标题的前后浏览器会自动地添加空行。 根据实际效果，这张试卷里，标题选<h1>,每个章节名选<h3>```. - 试卷中换行的实现
<br>标签定义换行，<br>是没有关闭标签的空元素，而在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。因此即使目前<br>在所有浏览器中都是有效的，但从长远上来讲，我们推荐使<br />（在开始标签中添加斜杠，比如<br />，即可关闭空元素）。 - 试卷中输入框的选择
<input type="text"/> 文本框
<input type="radio" name="single1"/> 单选框
<input type="checkbox"> 复选框
<textarea></textarea> 文本区域
其中需要注意的是，当input的type=“radio”时，需要加上相同的name属性才能实现单选。
废话不多说，直接上github吧。
