⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 main.htm

📁 HTML基础编程
💻 HTM
📖 第 1 页 / 共 2 页
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网上书店系统</title>
<link style="text/css" rel="stylesheet" href="style.css">
<script language=javascript>
function hero()
{
var herowidth=1000;
var heroheight=700;
window.resizeTo(herowidth,heroheight);
}
hero();
</script>


</head>

<body onresize=hero();>
<table cellpadding="8px">
<tr><td><img src="pic/28.bmp" /></td><td><img src="pic/27.bmp" /></td>
<td><table border="1px" bordercolor="#000000" style="border:1px, solid; border-collapse:collapse;">
<tr><td><a href="#" >设为首页</a></td></tr>
<tr><td><a href="#" >加入收藏</a></td></tr>
<tr><td><a href="#" >会员专区</a></td></tr>
</table>
</td>
</tr>
</table>

<table><tr>
<td width="72px" height="27px"></td>
<td background="pic/45.bmp" width="72px" height="27px" align="center"><a href="#" style="color:#FFFFFF">首页</a></td>
<td class="guide"><a href="#" style="color:#FFFFFF">书籍检索</a></td>
<td class="guide"><a href="#" style="color:#FFFFFF">书籍知识</a></td>
<td class="guide"><a href="#" style="color:#FFFFFF">精品书评</a></td>
<td class="guide"><a href="#" style="color:#FFFFFF">购物指南</a></td>
<td class="guide"><a href="#" style="color:#FFFFFF">会员专区</a></td>
</tr>
</table>

<table cellpadding="0px" cellspacing="0px">
<tr><td>&nbsp&nbsp</td> <td background="pic/47.bmp" width="775px" height="40px">
<a href="#" class="guideLink">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp|青春小说|</a>
<a href="#" class="guideLink">小说|</a>
<a href="#" class="guideLink">旅游|</a>
<a href="#" class="guideLink">育儿|</a>
<a href="#" class="guideLink">娱乐时尚|</a>
<a href="#" class="guideLink">生活|</a>
<a href="#" class="guideLink">文学|</a>
</td>
</tr>
</table>

<div align="left" style = "position: absolute;
         	top: 165px; left: 10px; z-index: 0; border-right:#DDDDDD solid 1px" >
<table>

<tr><td>
<table width="175" border="0">
<tr>
	<td colspan="2"><img src="pic/25.bmp" /></td>
</tr>
<tr>
	<td width="50%" align="center">会员名:</td>
	<td width="50%" align="center"><input name="text" type="text" value="" size="9" /></td>
</tr>
<tr>
	<td width="50%" align="center">密 码 :</td>
	<td width="50%" align="center"><input type="password" value=""  size="9"/></td>
</tr>
<tr>
	<td><input type="image"  src="pic/23.bmp" onclick="#" align="middle" /></td>
	<td><input type="image" src="pic/24.bmp"  onclick="#" align="middle"/></td>
</tr>
<tr>
	<td colspan="2"><input type="image" src="pic/29.bmp"  align="absmiddle"  onclick="#"/></td>
</tr>
</table></td></tr>
<tr><td><table  style="background-color:#F2F2F2">
<tr>
<td colspan="2"><img src="pic/21.bmp" />
</td>
</tr>
<tr>
<td colspan="2"><div align="center" style="height:30px">您的购物车内没有商品</div>
</td>
</tr>

<tr><td colspan="2" ><div align="center" style="height:30px">总计: 0.00元</div></td>
</tr>
<tr><td align="center"><a href="#" style="text-decoration:underline" >购物车>></a></td>
<td align="center"><a href="#" style="text-decoration:underline">生成订单>></a></td></tr>
</table></td></tr>

<tr><td><table>

<table>
<tr><td colspan="2"><img src="pic/30.bmp" /></td></tr>
<tr><td width="50%"><a href="#">校园</a></td><td width="50%"><a href="#">叛逆</a></td></tr>
<tr><td width="50%"><a href="#">网络</a></td></tr>
</table>


<table>
<tr><td colspan="2"><img src="pic/31.bmp" /></td></tr>
<tr><td width="50%"><a href="#">作品集</a></td><td width="50%"><a href="#">世界名著</a></td></tr>
<tr><td width="50%"><a href="#">外国小说</a></td><td width="50%"><a href="#">中国古典小说</a></td></tr>
</table>


<table>
<tr><td colspan="2"><img src="pic/32.bmp" /></td></tr>
<tr><td width="50%"><a href="#">美容化妆</a></td><td width="50%"><a href="#">绘画</a></td></tr>
<tr><td width="50%"><a href="#">宠物</a></td></tr>
</table>


<table>
<tr><td colspan="2"><img src="pic/33.bmp" /></td></tr>
<tr><td width="50%"><a href="#">购物/置业</a></td><td width="50%"><a href="#">饮食</a></td></tr>
<tr><td width="50%"><a href="#">家居</a></td><td width="50%"><a href="#">理财</a></td></tr>
</table>


<table>
<tr><td colspan="2"><img src="pic/34.bmp" /></td></tr>
<tr><td width="50%"><a href="#">纪实文学</a></td><td width="50%"><a href="#">现当代随笔</a></td></tr>
<tr><td width="50%"><a href="#">中国古诗词</a></td><td width="50%"><a href="#">现当代诗词</a></td></tr>
</table>

<tr><td><table width="40" id="newBook" height="200px" cellpadding="0" cellspacing="0">
<tr><td><img src="pic/19.bmp" /></td></tr>
<tr bgcolor="#F2F2F2" height:40px><td class="bottomline"><img src="pic/13.bmp" />&nbsp&nbsp<a href="#">从冷水中逃生</a></td></tr>
<tr bgcolor="#FFFFFF" height:40px;><td class="bottomline"><img src="pic/13.bmp" />&nbsp&nbsp<a href="#">成长</a></td></tr>
<tr bgcolor="#F2F2F2" height:40px;><td class="bottomline"><img src="pic/13.bmp" />&nbsp&nbsp<a href="#">你想要的生活</a></td></tr>
<tr bgcolor="#FFFFFF"  height:40px;><td class="bottomline"><img src="pic/13.bmp" />&nbsp&nbsp<a href="#">旅行者的礼物</a></td></tr>
<tr bgcolor="#F2F2F2" height:40px;><td class="bottomline"><img src="pic/13.bmp" />&nbsp&nbsp<a href="#">驶入心灵的快车</a></td></tr></table></td></tr>
<tr bgcolor="#F2F2F2" style="background-attachment:fixed; background-repeat:repeat-y; height:250px; width:100px"><td>&nbsp&nbsp</td></tr>
</table>
</td></tr>
</table>
</div>

<div  style = "position: relative; top: 0px; left: 190px; z-index: 0"> 
<table style="border-bottom-color:#818181; border-bottom-style:solid">
<tr>
<td>
<table cellpadding="0" cellspacing="0" >
<tr>
<td><table class="bookTable1">
<tr><td rowspan="3"> <img src="pic/1.bmp"  border="1" /></td>
<td width="1"><img src="pic/26.bmp" /></td><td><a href="#" id="head" class="linkWord">从冷水中逃生</a></td>
</tr>
<tr><td  colspan="2"><div style="word-break:break-all;width:130px; overflow:auto;">欧美320家著名商学院已将本书定为经理人培训课程的首席读本...</div>
</td>
</tr>
</table></td>

<td><table class="bookTable1">
<tr><td rowspan="3"> <img src="pic/11.bmp"  border="1" /></td>
<td width="1"><img src="pic/26.bmp" /></td><td><a href="#" id="head" class="linkWord">成长</a></td>
</tr>
<tr><td  colspan="2"><div style="word-break:break-all;width:130px; overflow:auto;">世上真有神童和天才吗?也许有。但是本书要告诉你:不是神童也...</div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td><table class="bookTable2">
<tr><td rowspan="3"> <img src="pic/2.bmp"  border="1" /></td>
<td width="1"><img src="pic/26.bmp" /></td><td><a href="#" id="head" class="linkWord">你想要的生活</a></td>
</tr>
<tr><td  colspan="2"><div style="word-break:break-all;width:130px; overflow:auto;">不管你是喜欢还是憎恨你的工作,不管你是对生活一直怀者某种神秘...</div>
</td>
</tr>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -