<div >
-
<div>可用于组合其他 HTML 元素的容器，定义文档中的分区或节，可以把文档分割为独立的、不同的部分。 -
<div>属于块级元素，浏览器会在其前后显示折行。 - 如果用 id 或 class 来标记
<div>，可以在CSS中分别对不同的内容块设置不同的样式属性。 - 示例：
<div class="title">
考试科目： 统一建模语言 <br />
时间： 100分钟 <br />
得分：<br />
</div>
<span>
-
<span>可用作文本的容器，组合文档中的行内元素。 - 在CSS文件中，可以对
<span>标签内部分文本进行样式属性的设置。 - 示例：
HTML:
<p class="tip"><span>提示：</span>... ... ...</p>
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
<form>
- HTML 表单用于搜集不同类型的用户输入。
- 表单内，可以包含不同类型的表单元素，如：复选框、单选按钮、提交按钮等。
<form>
form elements
</form>
<input>
-
文本输入:
<input type="text">用于接收单行输入的文本字段。
<form>
班级（必填）： <input type="text" name="class"><br />
</form>
-
单选按钮:
<input type="radio">允许用户在有限数量的选项中选择其中之一。
<form>
<!--每组内，所有单选框的name相同-->
<input type="radio" name="s1" value="A">
(A) UML就是软件工程 <br />
<input type="radio" name="s1" value="B">
(B) UML参与到软件工程中软件开发过程的几个阶段 <br />
<input type="radio" name="s1" value="C">
(C) UML与软件工程无关 <br />
<input type="radio" name="s1" value="D">
(D) UML是软件工程的一部分 <br />
</form>
-
复选按钮:
<input type="checkbox">允许用户在有限数量的选项中选择至少一个选项。
<form>
<!--每组内，所有复选框的name相同-->
<input type="checkbox" name="ms1" value="A" />
(A) 概述级 <br />
<input type="checkbox" name="ms1" value="B" />
(B) 需求级 <br />
<input type="checkbox" name="ms1" value="C" />
(C) 用户目标级 <br />
<input type="checkbox" name="ms1" value="D" />
(D) 子功能级 <br />
</form>
-
提交按钮:
<input type="submit">定义提交表单数据至表单处理程序的按钮。
<form action="action_page.php">
<input type="submit" value="计算分数" align="middle">
</form>
<textarea>
-
<textarea>元素定义多行输入字段。
<form>
<textarea name="a1" rows="3" cols="40">
<!-- 默认显示的内容-->
</textarea>
</form>
代码示例
代码Github
考试页面
