主页
<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="http://www.baidu.com" 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="http://www.baidu.com" 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>