主页
<html><head><meta charset="UTF-8"></head><frameset rows="20%,*"><frame src="TOP.html"/><frameset cols="15%,*"><frame src="LEFT.html"/><frameset rows="80%,*"><frame src="MAIN.html"/><frame src="BOTTON.html"/></frameset></frameset></frameset></html>
<html>
<head>
<meta charset="UTF-8">
</head>
<frameset rows="20%,*">
<frame src="TOP.html"/>
<frameset cols="15%,*">
<frame src="LEFT.html"/>
<frameset rows="80%,*">
<frame src="MAIN.html"/>
<frame src="BOTTON.html"/>
</frameset>
</frameset>
</frameset>
</html>
left.html页面
<html><head><title>text</title></head><body><u>分店地址:</u><ol type ="1" start="1"><li><b>暂无</b><li><li>暂无<li><li>暂无<li></ol><i>蛋糕店经营人员:</i><ul type="circle"><li>无<li><li>无<li><li>无<li></ul></body></html>
<html>
<head>
<title>text</title>
</head>
<body>
<u>分店地址:</u>
<ol type ="1" start="1">
<li><b>暂无</b><li>
<li>暂无<li>
<li>暂无<li>
</ol>
<i>蛋糕店经营人员:</i>
<ul type="circle">
<li>无<li>
<li>无<li>
<li>无<li>
</ul>
</body>
</html>
botton.html页面
<html><head><title>宣发界面</title><meta charset="GBK"><style type="text/css"></style><link rel="stylesheet" href="style.css"></head><body><div align="center"><p><span style="font-weight:bolder;color:pink;">注册商标:®暂无</span></p><span class="f32">版权符号:©暂无</span></br><a href="" target="_blank">百度一下我们?</a></div></body></html>
<html>
<head>
<title>宣发界面</title>
<meta charset="GBK">
<style type="text/css"></style>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div align="center">
<p><span style="font-weight:bolder;color:pink;">注册商标:®暂无</span></p>
<span class="f32">版权符号:©暂无</span></br>
<a href="" target="_blank">百度一下我们?</a>
</div>
</body>
</html>
Done.html页面
<html><head><title>text</title></head><body><h1><font color="red">注册成功</font></h1></body></html>
<html>
<head>
<title>text</title>
</head>
<body>
<h1><font color="red">注册成功</font></h1>
</body>
</html>
main.html页面
<!DOCTYPE html><br lang="en"><head><meta charset="UTF-8"><title>"Hello"</title></head><fieldset><legend align="center">注册新用户</legend><form action="demo04.html" method="post"><table cellpadding="2"align="center"><tr><td align="center">用户名:</td><td align="center"><input type="text"name="nickname"value="请输入您的姓名"/></br></td></tr><tr><td align="center">密码:</td><td align="center"><input type="password"name="password"value="请输入您的密码"/></br></td></tr><tr><td align="center">性别:</td><td align="center"><input type="radio"name="gender"value="gender"/>男<input type="radio"name="gender"value="gender"checked/>女</br></td></tr><tr><td align="center">小食星球:</td><td align="center"><input type="checkbox"name="hobby"value="Sing"/>面包<input type="checkbox"name="hobby"value="Jump"/>蛋糕<input type="checkbox"name="hobby"value="Rap"/>点心<input type="checkbox"name="hobby"value="Basketball"checked/>饮料</br></td></tr><tr><td align="center">用户头像:</td><td align="center"><input type="file"name="file"value="pic"/></br></td></tr><tr><td align="center">您的星座:</td><td align="center"><select name="star"><option value="1">白羊座</option><option value="2"selected>金牛座</option><option value="3">双子座</option><option value="4">巨蟹座</option><option value="5">狮子座</option><option value="5">处女座</option><option value="5">天秤座</option><option value="5">天蝎座</option><option value="5">射手座</option><option value="5">摩羯座</option><option value="5">水瓶座</option><option value="5">双鱼座</option></select></br></td></tr><tr><td align="center">您对蛋糕的偏好:</td><td align="center"><textarea name="text"></textarea></br></td></tr><tr><td align="center">注册:</td><td><input type="submit"value="注 册"/></br></td></tr><tr><td align="center">重填:</td><td><input type="reset"value="重 填"/></td></tr></table></form></fieldset><hr/></body></html>
<!DOCTYPE html>
<br lang="en">
<head>
<meta charset="UTF-8">
<title>"Hello"</title>
</head>
<fieldset>
<legend align="center">注册新用户</legend>
<form action="demo04.html" method="post">
<table cellpadding="2"align="center">
<tr>
<td align="center">用户名:</td>
<td align="center"><input type="text"name="nickname"value="请输入您的姓名"/></br></td>
</tr>
<tr>
<td align="center">密码:</td>
<td align="center"><input type="password"name="password"value="请输入您的密码"/></br></td>
</tr>
<tr>
<td align="center">性别:</td>
<td align="center"><input type="radio"name="gender"value="gender"/>男
<input type="radio"name="gender"value="gender"checked/>女</br>
</td>
</tr>
<tr>
<td align="center">小食星球:</td>
<td align="center"><input type="checkbox"name="hobby"value="Sing"/>面包
<input type="checkbox"name="hobby"value="Jump"/>蛋糕
<input type="checkbox"name="hobby"value="Rap"/>点心
<input type="checkbox"name="hobby"value="Basketball"checked/>饮料</br>
</td>
</tr>
<tr>
<td align="center">用户头像:</td>
<td align="center"><input type="file"name="file"value="pic"/></br></td>
</tr>
<tr>
<td align="center">您的星座:</td>
<td align="center"><select name="star"><option value="1">白羊座</option>
<option value="2"selected>金牛座</option>
<option value="3">双子座</option>
<option value="4">巨蟹座</option>
<option value="5">狮子座</option>
<option value="5">处女座</option>
<option value="5">天秤座</option>
<option value="5">天蝎座</option>
<option value="5">射手座</option>
<option value="5">摩羯座</option>
<option value="5">水瓶座</option>
<option value="5">双鱼座</option>
</select></br></td>
</tr>
<tr>
<td align="center">您对蛋糕的偏好:</td>
<td align="center"><textarea name="text"></textarea></br></td>
</tr>
<tr>
<td align="center">注册:</td>
<td><input type="submit"value="注 册"/></br></td>
</tr>
<tr>
<td align="center">重填:</td>
<td><input type="reset"value="重 填"/></td>
</tr>
</table>
</form>
</fieldset>
<hr/>
</body>
</html>
css样式
p{color:red;}.f20{font-size:40px;}#p4{background-color:pink;font-size:24px;font-weight:bolder;font-style:italic;font-family:"华文彩云";}div p{color:blue;}div .f32{font-size:32px;font-family:"黑体";}
p
{
color:red;
}
.f20
{
font-size:40px;
}
#p4
{
background-color:pink;
font-size:24px;
font-weight:bolder;
font-style:italic;
font-family:"华文彩云";
}
div p
{
color:blue;
}
div .f32
{
font-size:32px;
font-family:"黑体";
}
top.html页面
<html><head><title>Hello</title></head><body><hr/><fieldset><legend align="center">商品介绍</legend><table border="1"cellspacing="0"cellpadding="4"width="600"align="center"><tr align="center"><th align="center">名称</th><th align="center">单价</th><th align="center">折扣价</th><th align="center">折扣时间</th></tr><tr align="center"><td align="center">面包</td><td align="center">10</td><td align="center">7.5</td><td align="center">待定</td></tr><tr align="center"><td colspan="5">蛋糕价格详情参照具体规格</td></tr><tr align="center"><td align="center">小食</td><td align="center">8</td><td align="center">5</td><td align="center">待定</td></tr></table></fieldset><hr/></body></html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<hr/>
<fieldset>
<legend align="center">商品介绍</legend>
<table border="1"cellspacing="0"cellpadding="4"width="600"align="center">
<tr align="center">
<th align="center">名称</th>
<th align="center">单价</th>
<th align="center">折扣价</th>
<th align="center">折扣时间</th>
</tr>
<tr align="center">
<td align="center">面包</td>
<td align="center">10</td>
<td align="center">7.5</td>
<td align="center">待定</td>
</tr>
<tr align="center">
<td colspan="5">蛋糕价格详情参照具体规格</td>
</tr>
<tr align="center">
<td align="center">小食</td>
<td align="center">8</td>
<td align="center">5</td>
<td align="center">待定</td>
</tr>
</table>
</fieldset>
<hr/>
</body>
</html>
如果觉得《JavaWeb 利用HTML和CSS蛋糕商城注册页面实现------JAVA JavaWeb入门基础教程》对你有帮助,请点赞、收藏,并留下你的观点哦!