本节将为大家讲解 HTML 如何实现考试页面，先来看看最终实现效果吧！
UML_examination.png
在前几节练习的基础上，本次题目稍显复杂，具体实现代码请参看 HTML-Learning-Demo，代码中使用到的标签大致如下：
* 标题使用 <h1>
* 各个小模块之间使用 <div> 进行分隔
* 考试试卷内容以表单形式展现，使用 <form> 实现
* 各种输入框，包括：文本输入，单选按钮，多选框，提交等，使用 <input> 并通过 type 属性设置输入框类型。
* 文本文字可以使用 <label>、<span> 或不使用任何标签。
* 换行使用 <br>
* 题型部分（例如：“一、填空题（每空5分，共20分）”）使用 <p> 和 <b> 显示
* 考试题目顺序排列使用有序列表 <ol> 和 <li> 实现
* 多行文本输入区使用 <textare>，cols 和 rows 属性分别设置文本区域所占用的列数和行数
* 水平分隔线使用 <hr /> 实现
* 对于标签内的属性，name 指定标签的名称；id 指定标签的唯一标识；class 指定标签的类名；value 是用户输入(或选择)的值。
网友评论