html&&css练习

来源：互联网发布：sql server 2008修复编辑：程序博客网时间：2024/05/21 17:35

html.demo

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><table border="1px" width="1300px" align="center"><tr><td><table border="1px" width="100%"><tr height="50px"><td width="33.3%"><img src="logo2.png" height="47px"></td><td width="33.3%"><img src="header.png" height="47px"></td><td width="33.3%"><a href="#">登陆</a><a href="#">注册</a><a href="#">购物车</a></td></tr></table></td></tr><tr height="50px"><td bgcolor="black">  <a href="#"><font size="5">首页</font></a>  <a href="#"><font color="white">手机数码</font></a>  <a href="#"><font color="white">电脑办公</font></a>  <a href="#"><font color="white">鞋靴箱包</font></a>  <a href="#"><font color="white">家用电器</font></a>  </td></tr><tr><td><img src="1.jpg" width="100%"></td></tr><tr><td><table border="1px" width="100%"><tr height="50px"><td colspan="7">  <font size="5">最新商品</font>  </td></tr><tr><td rowspan="2" width="190px height="500px"><img src="big01.jpg" width="100%" height="100%"></td><td colspan="3" width="555px" height="250px"><a href="#"><img src="middle01.jpg" width="100%" height="100%"></a></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">丢丢</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td></tr><tr>                        <td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td></tr></table></td></tr><tr><td><img src="ad.jpg" width="100%"></td></tr><tr><td><table border="1px" width="100%"><tr height="50px"><td colspan="7">  <font size="5">热门商品</font>  </td></tr><tr><td rowspan="2" width="190px height="500px"><img src="big01.jpg" width="100%" height="100%"></td><td colspan="3" width="555px" height="250px"><a href="#"><img src="middle01.jpg" width="100%" height="100%"></a></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td></tr><tr>                        <td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td><td width="185px" height="250px" align="center"><a href="#"><img src="small03.jpg"></a><br /><font color="gray">电炖锅</font><br /><br /><font color="red">RMB:299</font></td></tr></table></td></tr><tr><td><img src="footer.jpg" width="100%"></td></tr><tr><td align="center"><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">招贤纳士</a><a href="#">法律声明</a><a href="#">友情链接</a><a href="#">支付方式</a><a href="#">配送方式</a><a href="#">服务声明</a><a href="#">广告声明</a><p>CopyRight 2017-9999 刘氏商城 版权所有</p></td></tr></table></body></html>

html2.demo

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><table border="1px" align="center" cellpadding="0px" cellspacing="0px" width="1300px" ><tr><td><table border="1px" width="100%"><tr height="50px"><td width="33.3%"><img src="logo2.png" height="47px"></td><td width="33.3%"><img src="header.png" height="47px"></td><td width="33.3%"><a href="#">登陆</a><a href="#">注册</a><a href="#">购物车</a></td></tr></table></td></tr><tr height="50px"><td bgcolor="black">  <a href="#"><font size="5">首页</font></a>  <a href="#"><font color="white">手机数码</font></a>  <a href="#"><font color="white">电脑办公</font></a>  <a href="#"><font color="white">鞋靴箱包</font></a>  <a href="#"><font color="white">家用电器</font></a>  </td></tr><tr><td height="600px" background="regist_bg.jpg"><form action="#" method="get" name="fegForm"><table border="1px" width="750px" height="400px" align="center" bgcolor="white"><tr height="40px"><td colspan="2"><font size="4">会员注册 USER REGISTER</font></td></tr><tr><td>用户名：</td><td><input type="text" name="user" size="45px"></td></tr><tr><td>密码：</td><td><input type="password" name="password"></td></tr><tr><td>确认密码：</td><td><input type="password" name="repassword"></td></tr><tr><td>Email：</td><td><input type="text" name="Email" size="35px"></td></tr><tr><td>姓名：</td><td><input type="text" name="username"></td></tr><tr><td>性别：</td><td><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女</td></tr><tr><td>出生日期：</td><td><input type="text" name="birthday"></td></tr><tr><td>验证码：</td><td><input type="text" name="yzm"></td></tr><tr><td colspan="2"><input type="submit" value="注册"></td></tr></table></form></td></tr><tr><td><img src="footer.jpg" width="100%"></td></tr><tr><td align="center"><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">招贤纳士</a><a href="#">法律声明</a><a href="#">友情链接</a><a href="#">支付方式</a><a href="#">配送方式</a><a href="#">服务声明</a><a href="#">广告声明</a><p>CopyRight 2017-9999 丢丢 版权所有</p></td></tr></table></body></html>

图片未贴。

阅读全文

0 0