任务要求：纯html实现如下样式的考试页面（不使用任何css/js），要求内容需要完全一样，页面样式仅供参考：
考试页面.png
任务分析：上图中的考试页面内容都是文本形式，中间有部分内容嵌套了有序列表。总体上来看，该考试页面可分为以下几部分：标题栏、填空题、选择题、多项选择题、判断题和简答题六个部分。由此可以选择通过表单方式来分别实现以上几部分内容。
标题：<h>标签，本文采用了<h1>和<h4>
表单创建：<form> </form>标签
表单插入文本：<label> </label>标签
章节：<article> </article>标签包裹
有序列表：<ol> <ol>标签
文本框：<input type="text"/>
文本框大小设置：<textarea cols="20" rows="5"> </textarea>
选项输入框：<input type="radio"/>和<input type="checkbox"/>
行距设置：<div style="line-height:23px"> </div>
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset="utf-8"/>
</head>
<body>
<div style="line-height:23px">
<header>
<h1>统一建模语言理论测试</h1>
<form>
<label>考试科目：统一建模语言</label><br/>
<label>时间：100分钟</label><br/>
<label>得分：</label><br/>
<label>班级（必填）：<input type="text"/></label><br/>
<label>学号（必填）：<input type="text"/></label><br/>
<label>姓名（必填）：<input type="text"/></label><br/>
</form>
</header>
<article>
<form>
<h4>一、填空题（每空5分，共20分）</h4>
<ol>
<li>UML的中文全称是：</li>
<input type="type"/>
<li>对象最突出的特征是：</li>
<input type="type"/> <input type="type"/> <input type="type"/>
</ol>
</form>
</article>
<article>
<form>
<h4>二、选择题（每题10分，共20分）</h4>
<ol>
<li>UML与软件工程的关系是：</li>
<label><input type="radio"/>(A)UML就是软件工程</label><br/>
<label><input type="radio"/>(B)UML参与到软件工程中开发过程的几个阶段</label><br/>
<label><input type="radio"/>(C)UML与软件工程无关</label><br/>
<label><input type="radio"/>(D)UML是软件工程的一部分</label><br/>
<li>Java语言支持：</li>
<label><input type="radio"/>(A)单继承</label><br/>
<label><input type="radio"/>(B)多继承</label><br/>
<label><input type="radio"/>(C)单继承和多继承都支持</label><br/>
<label><input type="radio"/>(D)单继承和多继承都不支持</label><br/>
</ol>
</form>
</article>
<article>
<form>
<h4>三、多项选择题（每题10分，共20分）</h4>
<ol>
<li>用例的粒度分为以下哪三种：</li>
<label><input type="checkbox"/>(A)概述级</label><br/>
<label><input type="checkbox"/>(B)需求级</label><br/>
<label><input type="checkbox"/>(C)用户目标级</label><br/>
<label><input type="checkbox"/>(D)子功能级</label><br/>
<li>类图由以下哪三部分组成：</li>
<label><input type="checkbox"/>(A)名称(Name)</label><br/>
<label><input type="checkbox"/>(B)属性(Attribute)</label><br/>
<label><input type="checkbox"/>(C)操作(Operation)</label><br/>
<label><input type="checkbox"/>(D)方法(Function)</label><br/>
</ol>
</form>
</article>
<article>
<form>
<h4>四、判断题（每题10分，共20分）</h4>
<ol>
<li>用例图只是用于和客户交流沟通的，用于确定需求。<input type="radio"/><input type="radio"/></li>
<li>在状态图中，终止状态在一个状态图中允许有任意多个。<input type="radio"/><input type="radio"/></li>
</ol>
</form>
</article>
<article>
<form>
<h4>五、简答题（每题20分，共20分）</h4>
<ol>
<li>简述什么是模型以及模型的表现形式？<textarea cols="20" rows="5"></textarea></li>
</ol>
</form>
</article>
<button>计算分数</button>
<hr/>
</div>
</body>
</html>
结果展示：
页面实现结果1.png
页面实现结果2.png
发现问题：通过以上方法实现了该页面以后，发现选择题和判断题部分的圆圈选项框点了以后无法消掉，多项选择部分的方形选项框倒是可以正常消掉。目前还未想明白原因……
