設(shè)計(jì)
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
? ?<meta charset="UTF-8">
? ?<title>注冊(cè)</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">注冊(cè)</h1>
? ?賬號(hào)：<input type="text"><br>
? ?密碼：<input type="password"><br>
? ?網(wǎng)址：<input type="url"><br>
? ?電話(huà)：<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">看書(shū)
? ?<input type="checkbox">打籃球
? ?<input type="checkbox">聽(tīng)歌
? ?<input type="checkbox">上網(wǎng)<br>
? ?<label>學(xué)歷：</label>
? ?<select>
? ? ? ?<option> </option>
? ? ? ?<option>小學(xué)</option>
? ? ? ?<option>中學(xué)</option>
? ? ? ?<option>中專(zhuān)</option>
? ? ? ?<option>大專(zhuān)</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="注冊(cè)"><input type="reset" value="重置">
<a href="denglu.html"><input type="reset" value="點(diǎn)擊登錄"></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>
? ? ? ?賬       號(hào)：<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="點(diǎn)擊注冊(cè)"></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">人物簡(jiǎn)介</a></h1></td>
? ? ? ?<td><h1><a href="yulu.html">經(jīng)典語(yǔ)錄</a></h1></td>
? ? ? ?<td><h1><a href="tupian.html">圖片鑒賞</a></h1></td>
? ? ? ?<td><h1><a href="zhuce1.html">點(diǎn)擊注冊(cè)</a></h1></td>
? ? ? ?<td><h1><a href="denglu.html">點(diǎn)擊登錄</a></h1></td>
? ?</tr>
</table>
<div class="box" style="background-color: cornflowerblue; border: solid">
? ?<form>
? ? ? ?<th><h2>人物簡(jiǎn)介</h2></th>
? ? ? ?<table style="width: 630px height: 800px" cellpadding="10" align="center" >
? ? ? ? ? ?<tr>海綿寶寶：
? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ?<li>居住在比奇堡的鳳梨(菠蘿)屋；并擔(dān)任當(dāng)?shù)刂觳偷?#34;蟹堡王餐廳"廚師。</li>
? ? ? ? ? ? ? ? ? ?<li>寵物為一只會(huì)“喵~”叫的蝸牛，名叫小蝸（Gary），海綿寶寶能聽(tīng)懂小蝸說(shuō)的話(huà)（海綿寶寶是比基尼海灘為數(shù)不多能聽(tīng)懂蝸牛語(yǔ)的人）。</li>
? ? ? ? ? ? ? ? ? ?<li>天真可愛(ài)，最喜歡說(shuō)的口頭禪是“我準(zhǔn)備好了”</li>
? ? ? ? ? ? ? ? ? ?<li>興趣是抓水母、吹泡泡和練習(xí)空手道（黑帶高手水準(zhǔn)）。</li>
? ? ? ? ? ? ? ? ? ?<li>從未受過(guò)任何藝術(shù)方面訓(xùn)練，卻是藝術(shù)天才。</li>
? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ?</tr>
? ? ? ? ? ?<tr>派大星：
? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ?<li>派大星凌晨3點(diǎn)會(huì)起來(lái)吃蟹黃堡。</li>
? ? ? ? ? ? ? ? ? ?<li>派大星是個(gè)右撇子</li>
? ? ? ? ? ? ? ? ? ?<li>派大星竟然輕松地考得了海綿寶寶考了很久都沒(méi)有得到的駕照。</li>
? ? ? ? ? ? ? ? ? ?<li>派大星其實(shí)不會(huì)穿鞋子。</li>
? ? ? ? ? ? ? ? ? ?<li>派大星永遠(yuǎn)沒(méi)有大腦，派大星笨到不會(huì)調(diào)整自己的鬧鐘，派大星不會(huì)用鉛筆在紙上寫(xiě)字，但是他相信海綿寶寶說(shuō)世界上有圣誕老人。</li>
? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ?</tr>
? ? ? ? ? ?<tr>章魚(yú)哥：
? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ?<li>章魚(yú)哥曾經(jīng)進(jìn)入海之霸當(dāng)廚師，并使用了自己的奶奶教給他的秘方做成美味的海之霸丸。</li>
? ? ? ? ? ? ? ? ? ?<li>他有一個(gè)死敵是高中同學(xué)章魚(yú)威廉·弗克森，一般來(lái)說(shuō)章魚(yú)威廉會(huì)以一個(gè)成功人士身份出現(xiàn)嘲諷章魚(yú)哥，但是最后獲得勝利的一定是有海綿寶寶或者和其他人幫助的章魚(yú)哥。</li>
? ? ? ? ? ? ? ? ? ?<li>祖先名叫章魚(yú)兄，章魚(yú)兄音樂(lè)才華不錯(cuò)，因?yàn)橹v了個(gè)冷笑話(huà)害得國(guó)王凍感冒，而被關(guān)進(jìn)大牢。在牢中，他曾說(shuō)過(guò)他的曾曾曾曾曾孫豎笛會(huì)吹得超爛，結(jié)果章魚(yú)哥吹的真的很爛。</li>
? ? ? ? ? ? ? ? ? ?<li>擔(dān)任蟹堡王的收銀人員，但并不熱愛(ài)工作（準(zhǔn)時(shí)上班幾率12%）。沒(méi)吃蟹黃堡前說(shuō)自己討厭蟹黃堡，但咬一口后開(kāi)始喜歡吃蟹黃堡，還因?yàn)槌源罅啃伏S堡而引致屁股爆炸。</li>
? ? ? ? ? ? ? ? ? ?<li>對(duì)海綿寶寶，他最喜歡的事情就是大叫或者大笑。他笑起來(lái)的時(shí)候，鼻子會(huì)很滑稽地抽動(dòng)~但是很反感別人叫他大鼻子，并曾因此與企鵝男孩發(fā)生沖突。</li>
? ? ? ? ? ? ? ?</ul>
? ? ? ? ? ?</tr>
? ? ? ?</table>
? ?</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>經(jīng)典語(yǔ)錄</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">人物簡(jiǎn)介</a></i></h1></td>
? ? ? ?<td><h1><a href="yulu.html">經(jīng)典語(yǔ)錄</a></h1></td>
? ? ? ?<td><h1><a href="tupian.html">圖片鑒賞</a></h1></td>
? ? ? ?<td><h1><a href="zhuce1.html">點(diǎn)擊注冊(cè)</a></h1></td>
? ? ? ?<td><h1><a href="denglu.html">點(diǎn)擊登錄</a></h1></td>
? ?</tr>
</table>
<div class="box" style="background-color:cornflowerblue ; border: solid">
? ?<form>
? ? ? ?<th><h2>經(jīng)典語(yǔ)錄</h2></th>
? ? ? ?<table style="width: 630px height: 800px" cellpadding="10" align="center" >
? ? ? ? ? ?<tr>
? ? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ?<ol>1、你本來(lái)是有機(jī)會(huì)的，但是你輸了，你不能總是活在過(guò)去。一派大星</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>2、提到錢(qián)，任何人都沒(méi)有是非對(duì)錯(cuò),但重點(diǎn)是有沒(méi)有情義道德。一派大星</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>3、派大星，要是我變成了有錢(qián)的大爺會(huì)讓我忘了你是我好朋友，那我寧愿永遠(yuǎn)不要那么多錢(qián)。一海綿寶寶</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>4、你可以是一本打開(kāi)的書(shū)，但我要比那復(fù)雜一點(diǎn)。一-派大星</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>5、人生就是不公平的，你慢慢習(xí)慣吧你。派大星</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>6、曾經(jīng)深?lèi)?ài)過(guò)，后來(lái)失去了，總比不曾愛(ài)過(guò)好多了。一-痞老板</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>7、如果你想要ta喜歡你，你就要表現(xiàn)的特別一點(diǎn)。派大星</ol><br>
? ? ? ? ? ? ? ? ? ?<ol>8、有些人就是天生運(yùn)氣好，只要在路上走啊走啊，就能撿到很多的錢(qián);其他人卻要,努力的工作。一蟹老板</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">人物簡(jiǎn)介</a></h1></td>
? ? ? ?<td><h1><a href="yulu.html">經(jīng)典語(yǔ)錄</a></h1></td>
? ? ? ?<td><h1><a href="tupian.html">圖片鑒賞</a></h1></td>
? ? ? ?<td><h1><a href="zhuce1.html">點(diǎn)擊注冊(cè)</a></h1></td>
? ? ? ?<td><h1><a href="denglu.html">點(diǎn)擊登錄</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>
