HTML 实现考试页面

本节将为大家讲解 HTML 如何实现考试页面，先来看看最终实现效果吧！

UML_examination.png

在前几节练习的基础上，本次题目稍显复杂，具体实现代码请参看 HTML-Learning-Demo，代码中使用到的标签大致如下：

* 标题使用 

* 各个小模块之间使用 
 进行分隔
* 考试试卷内容以表单形式展现，使用 
 实现
* 各种输入框，包括：文本输入，单选按钮，多选框，提交等，使用  并通过 type 属性设置输入框类型。
* 文本文字可以使用 、 或不使用任何标签。
* 换行使用 
 
* 题型部分（例如：“一、填空题（每空5分，共20分）”）使用 
 和  显示
* 考试题目顺序排列使用有序列表 
 和 
 实现
* 多行文本输入区使用 ，cols 和 rows 属性分别设置文本区域所占用的列数和行数
* 水平分隔线使用 
 实现
* 对于标签内的属性，name 指定标签的名称；id 指定标签的唯一标识；class 指定标签的类名；value 是用户输入(或选择)的值。