【html】【一个简单的网上购物页面代码】

先看结果

代码

<!DOCTYPE html>
<html><head><title>网上购物</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head><body><!-- 最上面的部分 购物车部分--><table width="100%"><td><img  src="data:images/logo.png"></td><td><img src=images/cart.gif width="50" align="middle"><a href="#">购物车</a>|<a href="#">帮助中心</a>|<a href="#">我的账号</a>|<a href="#">新用户注册</a></td></table><!-- 第二部分 目录部分 --><table width="100%" bgcolor="#1C3F09" align="center"><td align="center"><font color="#ffffff">文字  生活  计算机  外语  经营  励志  社科  学术  少儿  艺术  原版  科技  考试  生活百科  <font color="yellow">全部商品目录</font></font></td></table><!-- 第三部分 --><table width="100%" bgcolor="#B6B684"><tr><td align="right">Search<input type="text"/><button type="button">搜索</button></td></tr></table><!-- 第四部分 导引行 --><div align="right">首页>旅游>图书列表</div><!-- 第五部分 商品目录 --><h1>商品目录</h1><hr/><!-- 第六部分 计算机类 --><h1>计算机类</h1><br/><!-- 第七部分 共xxx种商品 --><span>共xxx种商品</span><hr><!-- 第八部分 图片 --><img  src="data:images/productlist.gif" width="100%"/><!-- 第九部分 图书 --><table width="100%" align="center"><tr><td align="center"><img src="bookcover/101.jpg"/></td><td align="center"><img src="bookcover/102.jpg"/></td><td  align="center"><img src="bookcover/103.jpg"/></td><td align="center"><img src="bookcover/104.jpg"/></td></tr><tr><td align="center">书名：xxx<br/>售价：xxx</td><td align="center">书名：xxx<br/>售价：xxx</td><td align="center">书名：xxx<br/>售价：xxx</td><td align="center">书名：xxx<br/>售价：xxx</td></tr><tr><td align="center"><img src="bookcover/105.jpg"/></td><td align="center"><img src="bookcover/106.jpg"/></td><td  align="center"><img src="bookcover/107.jpg"/></td><td align="center"><img src="bookcover/TS8.jpg" width="40%"/></td></tr><tr><td align="center">书名：xxx<br/>售价：xxx</td><td align="center">书名：xxx<br/>售价：xxx</td><td align="center">书名：xxx<br/>售价：xxx</td><td align="center">书名：xxx<br/>售价：xxx</td></tr></table><!-- 第十部分 最后 --><table width="100%" bgcolor="#EFEEDC"><tr><td rowspan="2"><img  src="data:images/logo.png"></td><td>CONTACT us</td></tr><tr><td>copyight 2008&copy;BookStore All Rights RESERVED</td></tr></table></body>
</html>

所用到的图片如下

【html】【一个简单的网上购物页面代码】相关推荐

【html】【一个简单的用户登录页面代码】
结果代码 <!DOCTYPE html> <html><head><title>用户登录.html</title><meta htt ...
使用Servlet和JSP开发Java应用程序 ---- 简单模拟天猫购物页面
使用Servlet和JSP开发Java应用程序 ---- 简单模拟天猫购物页面 1. 加载 jar 包 2. 使用URL重写参数 3. 编写 ProductServlet 4. 在 productIn ...
用CSS写一个简单的幻灯片效果页面
这里是修真院前端小课堂,本篇分析的主题是 [用CSS写一个简单的幻灯片效果页面] 每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方 ...
一个简单的录音软件程序代码【C++】
一个简单的录音软件程序代码[C++]今天的院内绿草茵茵的录音软件,岁月一去不回返,顽强拼搏,我将来的录音软件家是一栋三层的别墅,因为小树给我留下的是顽强拼搏,你见状,可你的眼睛好像在说,那盛夏的梧桐 ...
用opengl编写一个简单的画图软件示例代码
//用opengl编写一个简单的画图软件示例代码(存在闪烁问题) //本代码,抄写自一本教授opengl的书,可惜,里面的代码存在一些问题,导致不能正常显示,现在是增加了一些语句的代码 #includ ...
一个简单的ASP登录页面
一个简单的ASP登录页面成品首页登陆后的主页,中间的竖线框可自由调动哦!! 具体步骤: 将解压文件放到这个路径内:(很重要!!!) 上图中的work文件夹,即为解压后的文件夹,然后在浏览器的网页 ...
Linux内核分析2：一个简单的时间片轮转多道程序内核代码分析
Lab2:一个简单的时间片轮转多道程序内核代码席金玉 <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-100002900 ...
php简单的购物车,利用PHP实现一个简单购物车的demo示例代码
利用PHP实现一个简单购物车的demo示例代码数据结构跟关于PHP写购物车大体差不多,这里站长主要就购物车的主要业务逻辑进行一下说明: 1.用户未登陆时只能浏览商品,不能将其加入购物车 2.当未登陆 ...
斗兽棋 java_AnimalGame 一个简单的斗兽棋代码实现，基本功能现了，支持人人对战 JavaScript 238万源代码下载- www.pudn.com...
文件名称: AnimalGame下载收藏√ [ 5 4 3 2 1 ] 开发工具: Java 文件大小: 2257 KB 上传时间: 2015-01-26 下载次数: 0 提供者: 盛 ...

【html】【一个简单的网上购物页面代码】

先看结果

代码

所用到的图片如下

【html】【一个简单的网上购物页面代码】相关推荐

最新文章

热门文章