用HTML实现网上购物页面

转自：https://blog.csdn.net/qq_27501261/article/details/79567897
作者：超级大白

先看结果

代码

<!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">
</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/>
<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©BookStore All Rights RESERVED</td>
</tr>
</table>
</body>
</html>

所用到的图片如下

用HTML实现网上购物页面相关推荐

【html】【一个简单的网上购物页面代码】
先看结果代码 <!DOCTYPE html> <html><head><title>网上购物</title><meta http-e ...
paylinks.php_毕业设计-基于PHP的网上购物网站系统设计
毕业设计-基于PHP的网上购物网站系统设计,共45页,14912字,附完整的程序源代码.包括前台,后台的实现,先运行phpStudyAdmin后打开dzsw/install.php 摘要随着Inte ...
商城是用jsp还是php,建设网上购物网站使用JSP系统还是ASP系统
网上购物系统是用来建设网上商城网站的体系架构,也成为电商购物系统和商城系统.网上商城系统的种类有不少,如jsp网上购物系统.asp购物系统和php网购系统等.今天小编来和大家探讨一下建设网上商城网站是 ...
PHP毕业设计项目作品源码选题（2）电子商务网上购物商城毕业设计毕设作品开题报告
PHP毕业设计项目作品源码选题(2)电子商务网上购物商城毕业设计毕设作品开题报告本次论文研究的内容主要模块包括以下几点: 用户首次登陆系统需要注册一个用户账号,用户在登录平台后,可以进行平台的操作. ...
唯我倾城网上购物商城设计与实现
摘要伴随着Internet网的快速发展,网上购物以其独特快速.便捷的购物方式,尤其是其产品的多样化.新潮.时尚等特点很符合现代人群的消费观念,正是网上购物成为最受客户青睐的一种购物模式.当前电子商 ...
实现网上购物系统的后台管理（增、删、改、查图书）。
实验描述: (实验三的任务)用户网上注册,注册信息写入数据库. (实验四的任务)用户登陆后,进入网上购物系统,选择书籍,加入购物车,购物完毕进入结账界面(可模拟一下,简单输出一些信 ...
java+mysql+javaweb网上购物系统
现将前端时间开发的代码来出来进行记录分享 1.包含源程序,数据库脚本. 2.课题设计仅供参考学习使用,可以在此基础上进行扩展完善. 代码已经上传github,下载地址:https://github.c ...
C#毕业设计——基于C#+asp.net+sqlserver基于C2C模式的网上购物系统设计与实现（毕业论文+程序源码）——网上购物系统
基于C#+asp.net+sqlserver基于C2C模式的网上购物系统设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于C#+asp.net+sqlserver基于C2C模式的网上购物系统 ...
简易的网上购物商城首页设计流程
这里写目录标题前言 1 整体构造思想 2 设计前的摸索 3 网页顶端和导航栏的设计 4 nav导航栏的固定效果 5 轮播图部分 6 明星机型设计 7 精选配件设计 8 搜索欧珀区域 9 服务和售后区 ...

用HTML实现网上购物页面

先看结果

代码

所用到的图片如下

用HTML实现网上购物页面相关推荐

最新文章

热门文章