设计
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body background="denglu.png">
<style>
.box{
width:500px;
height:650px;
background: cornflowerblue;
border-radius: 10px;
opacity:80%;
position:absolute;
top:0;
right: 0;
left: 0;
bottom: 0;
margin:auto;
}
</style>
</body>
<div class="box" style="background-color: cornflowerblue;border:solid">
<table width="500">
<h1 align="center">注册</h1>
账号：<input type="text"><br>
密码：<input type="password"><br>
网址：<input type="url"><br>
电话：<input type="tel"><br>
选择头像：<input type="file"><br>
性别：<input type="radio" name="sex" value="sex">男
<input type="radio" name="sex" value="sex">女<br>
兴趣：<input type="checkbox">看书
<input type="checkbox">打篮球
<input type="checkbox">听歌
<input type="checkbox">上网<br>
<label>学历：</label>
<select>
<option> </option>
<option>小学</option>
<option>中学</option>
<option>中专</option>
<option>大专</option>
<option>本科</option>
<option>研究生</option>
<option>硕士</option>
</select><br>
喜欢的颜色：<input type="color"><br>
生日：<input type="date"><br>
年龄：<input type="number"><br>
留言：<textarea cols="50" rows="15"></textarea><br>
<div align="center"><input type="submit" value="注册"><input type="reset" value="重置">
<a href="denglu.html"><input type="reset" value="点击登录"></a></div>
</table>
</div>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body background="denglu.png">
<style>
.box{
width:500px;
height:550px;
background: cornflowerblue;
border-radius: 10px;
opacity:80%;
position:absolute;
top:0;
right: 0;
left: 0;
bottom: 0;
margin:auto;
}
</style>
</body>
<div class="box" style="background-color: cornflowerblue;border:solid">
<table width="500" align="center">
<h1 align="center">登录</h1>
账       号：<input type="text"><br>
密       码：<input type="password"><br>
<p> <div align="center"> <input type="submit" value="登录">     
<input type="reset" value="重置"><a href="denglu.html"><input type="reset" value="点击注册"></a></div></p>
</table>
</div>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body background="hmbb.png">
<style>
.box{
width:900px;
height:800px;
background: cornflowerblue;
border-radius: 10px;
opacity:100%;
position:absolute;
top:550px;
right: 0;
left: 0;
bottom: 0;
margin:auto;
}
a {
color: steelblue;
text-decoration: none;
}
</style>
<table align="center" height="90" width="1000px" border="soild">
<tr>
<td><h1><a href="index.html">人物简介</a></h1></td>
<td><h1><a href="yulu.html">经典语录</a></h1></td>
<td><h1><a href="tupian.html">图片鉴赏</a></h1></td>
<td><h1><a href="zhuce1.html">点击注册</a></h1></td>
<td><h1><a href="denglu.html">点击登录</a></h1></td>
</tr>
</table>
<div class="box" style="background-color: cornflowerblue; border: solid">
<form>
<th><h2>人物简介</h2></th>
<table style="width: 630px height: 800px" cellpadding="10" align="center" >
<tr>海绵宝宝：
<ul>
<li>居住在比奇堡的凤梨(菠萝)屋；并担任当地著名快餐店"蟹堡王餐厅"厨师。</li>
<li>宠物为一只会“喵~”叫的蜗牛，名叫小蜗（Gary），海绵宝宝能听懂小蜗说的话（海绵宝宝是比基尼海滩为数不多能听懂蜗牛语的人）。</li>
<li>天真可爱，最喜欢说的口头禅是“我准备好了”</li>
<li>兴趣是抓水母、吹泡泡和练习空手道（黑带高手水准）。</li>
<li>从未受过任何艺术方面训练，却是艺术天才。</li>
</ul>
</tr>
<tr>派大星：
<ul>
<li>派大星凌晨3点会起来吃蟹黄堡。</li>
<li>派大星是个右撇子</li>
<li>派大星竟然轻松地考得了海绵宝宝考了很久都没有得到的驾照。</li>
<li>派大星其实不会穿鞋子。</li>
<li>派大星永远没有大脑，派大星笨到不会调整自己的闹钟，派大星不会用铅笔在纸上写字，但是他相信海绵宝宝说世界上有圣诞老人。</li>
</ul>
</tr>
<tr>章鱼哥：
<ul>
<li>章鱼哥曾经进入海之霸当厨师，并使用了自己的奶奶教给他的秘方做成美味的海之霸丸。</li>
<li>他有一个死敌是高中同学章鱼威廉·弗克森，一般来说章鱼威廉会以一个成功人士身份出现嘲讽章鱼哥，但是最后获得胜利的一定是有海绵宝宝或者和其他人帮助的章鱼哥。</li>
<li>祖先名叫章鱼兄，章鱼兄音乐才华不错，因为讲了个冷笑话害得国王冻感冒，而被关进大牢。在牢中，他曾说过他的曾曾曾曾曾孙竖笛会吹得超烂，结果章鱼哥吹的真的很烂。</li>
<li>担任蟹堡王的收银人员，但并不热爱工作（准时上班几率12%）。没吃蟹黄堡前说自己讨厌蟹黄堡，但咬一口后开始喜欢吃蟹黄堡，还因为吃大量蟹黄堡而引致屁股爆炸。</li>
<li>对海绵宝宝，他最喜欢的事情就是大叫或者大笑。他笑起来的时候，鼻子会很滑稽地抽动~但是很反感别人叫他大鼻子，并曾因此与企鹅男孩发生冲突。</li>
</ul>
</tr>
</table>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>经典语录</title>
</head>
<body background="hmbb.png">
<style>
.box{
width:900px;
height:800px;
background: cornflowerblue;
border-radius: 10px;
opacity:100%;
position:absolute;
top:550px;
right: 0;
left: 0;
bottom: 0;
margin:auto;
}
a {
color: steelblue;
text-decoration: none;
}
</style>
<table align="center" height="90" width="1000px" border="soild" >
<tr>
<td><h1><i><a href="index.html">人物简介</a></i></h1></td>
<td><h1><a href="yulu.html">经典语录</a></h1></td>
<td><h1><a href="tupian.html">图片鉴赏</a></h1></td>
<td><h1><a href="zhuce1.html">点击注册</a></h1></td>
<td><h1><a href="denglu.html">点击登录</a></h1></td>
</tr>
</table>
<div class="box" style="background-color:cornflowerblue ; border: solid">
<form>
<th><h2>经典语录</h2></th>
<table style="width: 630px height: 800px" cellpadding="10" align="center" >
<tr>
<ul>
<ol>1、你本来是有机会的，但是你输了，你不能总是活在过去。一派大星</ol><br>
<ol>2、提到钱，任何人都没有是非对错,但重点是有没有情义道德。一派大星</ol><br>
<ol>3、派大星，要是我变成了有钱的大爷会让我忘了你是我好朋友，那我宁愿永远不要那么多钱。一海绵宝宝</ol><br>
<ol>4、你可以是一本打开的书，但我要比那复杂一点。一-派大星</ol><br>
<ol>5、人生就是不公平的，你慢慢习惯吧你。派大星</ol><br>
<ol>6、曾经深爱过，后来失去了，总比不曾爱过好多了。一-痞老板</ol><br>
<ol>7、如果你想要ta喜欢你，你就要表现的特别一点。派大星</ol><br>
<ol>8、有些人就是天生运气好，只要在路上走啊走啊，就能捡到很多的钱;其他人却要,努力的工作。一蟹老板</ol><br>
</ul>
</tr>
</table>
</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片鉴赏</title>
</head>
<body background="hmbb.png">
<style>
.box{
width:900px;
height:900px;
background: cornflowerblue;
border-radius: 10px;
opacity:100%;
position:absolute;
top:550px;
right: 0;
left: 0;
bottom: 0;
margin:auto;
}
a {
color: steelblue;
text-decoration: none;
}
</style>
<table align="center" height="90" width="1000px" border="soild">
<tr>
<td><h1><a href="index.html">人物简介</a></h1></td>
<td><h1><a href="yulu.html">经典语录</a></h1></td>
<td><h1><a href="tupian.html">图片鉴赏</a></h1></td>
<td><h1><a href="zhuce1.html">点击注册</a></h1></td>
<td><h1><a href="denglu.html">点击登录</a></h1></td>
</tr>
</table>
<div class="box" style="background-color: cornflowerblue; border: solid">
<form>
<th><h2>图片鉴赏</h2></th>
<table style=width="630px" height="800px" cellpadding="10" align="center">
<tr>
<td><img src="11.jpeg" height="200" width="200"/></td>
<td><img src="22.jpg" height="200" width="200"/></td>
<td><img src="33.jpg" height="200" width="200"/></td>
</tr>
<tr>
<td><img src="44.jpeg" height="200" width="200"/></td>
<td><img src="55.jpeg" height="200" width="200"/></td>
<td><img src="66.jpeg" height="200" width="200"/></td>
</tr>
<tr>
<td><img src="77.jpeg" height="200" width="200"/></td>
<td><img src="88.jpeg" height="200" width="200"/></td>
<td><img src="99.jpeg" height="200" width="200"/></td>
</tr>
</table>
</form>
</div>
</body>
</html>
