<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我的博客</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="page">
<div class="nav">
<a href="index.html" class="logo fl">首页</a>
<ul class="fr">
<a href="index.html"><li>网站首页</li></a>
<a href="sw.html"><li>我的散文</li></a>
<a href="jn.html"><li>我的技能</li></a>
<a href="zp.html"><li>我的作品</li></a>
<a href="ms.html"><li>喜爱美食</li></a>
<a href="ly.html"><li>留言交流</li></a>
</ul>
</div>
<div class="mid">
<div class="banner"><img src="images/banner.jpg" alt=""></div>
<div class="left fl">
<p class="title">关于我</p>
<div class="jj">
<img src="images/tx.jpg" alt="">
<p><b>姓名:</b>XXX</p>
<p><b>手机:</b>132****6547</p>
<p><b>邮箱:</b>123456789@qq.com</p>
<p><b>爱好:</b>音乐、动漫、游戏、运动</p>
</div>
<p class="title">欢迎登录</p>
<form action="" class="login" method="post">
<input type="text" placeholder="请输入用户名" value="" />
<input type="password" placeholder="请输入密码" name="" />
<button type="submit">登录</button>
</form>
</div>
<div class="right fl">
<p class="title">留言交流</p>
<img src="images/t4.jpg" alt="">
<form action="" class="ly" method="post">
<table width="100%" border="0">
<tr>
<td width="180"><span>姓名:</span></td>
<td width="20"> </td>
<td width="400"><input type="text" name="user" value="" /></td>
</tr>
<tr>
<td><span>手机:</span></td>
<td> </td>
<td><input type="text" name="phone" maxlength="13" value="" /></td>
</tr>
<tr>
<td><span>性别:</span></td>
<td> </td>
<td><input type="radio" name="sex" id="man" value="" /><label for="man">男</label><input type="radio" name="sex" id="wuman" value="" /><label for="wuman">女</label></td>
</tr>
<tr>
<td><span>爱好:</span></td>
<td> </td>
<td><input type="checkbox" name="yd" id="" value="" /><label for="yd">运动</label>
<input type="checkbox" name="yy" id="" value="" /><label for="yy">音乐</label>
<input type="checkbox" name="dm" id="" value="" /><label for="dm">动漫</label>
<input type="checkbox" name="yx" id="" value="" /><label for="yx">游戏</label></td>
</tr>
<tr>
<td><span>留言:</span></td>
<td> </td>
<td><textarea rows="" cols=""></textarea></td>
</tr>
<tr>
<td colspan="3"><button type="submit">确认提交</button></td>
</tr>
</table>
</form>
</div>
</div>
<div class="foot">版权所属:XXX  个人网页</div>
</div>
</body>
</html>