本节将为大家讲解 HTML 如何实现考试页面,先来看看最终实现效果吧!
在前几节练习的基础上,本次题目稍显复杂,具体实现代码请参看 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 是用户输入(或选择)的值。