原题：
3-24：
实现效果：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>分组元素的综合应用</title>
</head>
<body>
爱心包装管理体系
<br><br>
工厂严格执行ISO9001，ISO14001和TS16949，管理体系，产品符合
<br> RoHS环保认证，REACH环保要求。产品的各项参数指标均达到国内外
<br>同类产品的先进水平，在国内外相关领域具有较高影响。
<br><br>爱心包装经营模式
<br><br>爱心包装采用标准化和定制化服务相结合的经营模式，以高品质的产品
<br>为立足点，以技术服务于市场为导向，以先进优良的自动化生产和测试
<br>装备为保障，以科学规范的管理，务实高效的决策，朝气蓬勃的高素质
<br>员工团队为依托，为客户提供持续的优良产品生产服务和品质保证。
</body>
</html>3-25：
实现效果：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>商城支付选择</title>
<style>
.xuxian {
border-style: dotted;
border-color: black;
}
</style>
</head>
<body>
<h2>商城支付选择</h2>
<table border="2" " class="xuxian">
<tr>
<td> <img src=" Png/hdfk.png" alt="货到付款" width="150px" height="60px">
</td>
<td>由快递公司代收买家货款，货先送到客户手 <br> 上，客户验货之后再把客户钱给送货员，之后 <br> 货款再转到卖家账户里去。</td>
<td>货到付款</td>
</tr>
<tr>
<td><img src="Png/wyzf.png" alt="网银支付" width="150px" height="60px"></td>
<td>用户可以通过自己所拥有的借记卡，信用卡的 <br> 银行，申请开通网上银行，进行网上支付。</td>
<td>网银支付</td>
</tr>
</table>
</body>
</html>
<!--
//图片没放上去
//copy的话把img里的png改成自己的png，这边不提供图片，自己画一个
-->3-26:
实现效果：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<!--
<link rel="stylesheet" href="css/3-26.css">
//css样式用style写好了
//copy的话可以删掉
-->
<style>
.tablefont {
height: 550px;
width: 450px;
border: 4px;
border-style: double ;
background-color: darkgray;
border-color: black;
}.right{
text-align: right;
}
</style>
</head>
<body>
<center>
<h1>用户注册</h1>
<form action="" method="get" >
<table class="tablefont" border="2" >
<tr>
<td class="right">用户名</td>
<td><input name="user" id="user" type="text" required>*</td>
</tr>
<tr>
<td class="right">密码</td>
<td><input name="pass1" id="pass1" type="password" required>*</td>
</tr>
<tr>
<td class="right">确认密码</td>
<td><input name="pass2" id="pass2" type="password" required>*</td>
</tr>
<tr>
<td class="right">性别</td>
<td><input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td class="right">出生日期</td>
<td><input type="date" id="birthday" value="1975-01-01"></td>
</tr>
<tr>
<td class="right">联系电话</td>
<td><input type="text" size="7" id="phnumber" name="phnumber"></td>
</tr>
<tr>
<td class="right">电子邮件</td>
<td><input type="email" name="mail" id="mail" placeholder="您的电子邮箱" required>*</td>
</tr>
<tr>
<td class="right">最高学历</td>
<td>
<input type="radio" name="study" value="中专">中专
<input type="radio" name="study" value="大专">大专
<input type="radio" name="study" value="大学" checked>大学
</td>
</tr>
<tr>
<td class="right">职业</td>
<td><select size="1" name="work" id="work">
<option value="学生">学生</option>
<option value="教师" selected>教师</option>
<option value="工人">工人</option>
</select>
</td>
</tr>
<tr>
<td class="right">爱好</td>
<td>
<input type="checkbox" name="favorite" id="net" value="上网">上网
<input type="checkbox" name="favorite" id="bas" value="篮球" checked>篮球
<input type="checkbox" name="favorite" id="music" value="听歌">听歌
<input type="checkbox" name="favorite" id="xiaqi" value="下棋" checked>下棋
</td>
</tr>
<tr>
<td class="right">留言</td>
<td>
<textarea name="comment" id="" cols="25" rows="5" placeholder="请输入您的留言信息..."></textarea>
</td>
</tr>
<tr><td colspan="2" align="center"><input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重写"></td>
</tr>
</table>
</form>
</center>
</body>
</html>3-27:
实现效果：
代码：
html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>习题</title>
<link rel="stylesheet" href="css/3-27.css">
</head>
<body>
<h2 class="yinying">个人基金投资者情况调查问卷</h2>
<form action="">
<dl>
<dt>（1）您选择投资公募基金的主要原因是：（ ）</dt>
<br><input type="radio" name="why1"
value="公募运作管理规范,信息披露全面,可以方便地查找相关信息,申购赎回等均很便利">公募运作管理规范,信息披露全面,可以方便地查找相关信息,申购赎回等均很便利
<br> <input type="radio" name="why1" value="公募基金会有比较强大的投研团队">公募基金会有比较强大的投研团队
<br><input type="radio" name="why1" value="公募基金投资门槛低,对投资者没有太多的资质及投资金额要求">公募基金投资门槛低,对投资者没有太多的资质及投资金额要求
</dl>
<dl>
<dt>（2）您选择投资专户一对多基金的主要原因是：（ ）</dt>
<br><input type="radio" name="why2"
value="专户一对多基金管理规范,同公募基金一样由比较强大的投研团队,且投资范围.投资比例较自由">专户一对多基金管理规范,同公募基金一样由比较强大的投研团队,且投资范围.投资比例较自由
<br> <input type="radio" name="why2" value="专户一对多产品相对于公募基金有更强的针对性,可以更好地满足投资者要求">公募基金会有比较强大的投研团队
<br><input type="radio" name="why2" value="其他">其他
</dl>
<dl>
<dt>（3）您希望获得哪方面的资讯？（ 多选题 ）</dt>
<br>
<input type="checkbox" name="why3" value=" 产品设计理念">产品设计理念</input><br>
<input type="checkbox" name="why3" value="投资思路">投资思路</input><br>
<input type="checkbox" name="why3" value="基金经理介绍">基金经理介绍</input><br>
<input type="checkbox" name="why3" value="购买渠道">购买渠道</input><br>
<input type="checkbox" name="why3" value="购买费率">购买费率</input><br>
</dl>
<h2 class="yinying">如您希望获得抽奖机会，请留下如下信息</h2>
姓名：<input type="text" name="姓名"><br>
<br>手机：<input type="number" name="手机号"><br>
<br>地址：<input type="text"size="50" name="地址"><br>
<br>建议：<textarea name="建议" id="adv" cols="45" rows="5"></textarea>
<br><br><input type="submit" value="提交"> <input type="reset" value="重置">
</form>
</body>
</html>css：
.yinying{
background: darkgray;
}//到底了~
3-27的建个css文件，然后路径进行引用就行，或者直接用style
码完 
链接：https://www.uhmao.com
描述：很多事情知道结论就够了.
图标：https://oss.uhmao.com/logo.svg