网上书店Html网页—— table实现

最新推荐文章于 2024-08-06 14:46:01 发布
最新推荐文章于 2024-08-06 14:46:01 发布
阅读量1.5w 收藏 108
点赞数 17
分类专栏： Html 文章标签： html bookstore
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Richard1997/article/details/79341042
版权

这个是网上某Java web学习视频里的第一个项目，觉得效果还行，特别适合新手练手，就记录下来。

效果:


代码：

<html>
<head>
<meta charset=UTF-8">
<title>图书商城</title>
</head>
<body>

	<!-- 整个页面 -->
	<div id="page">
		<!-- top -->
		<div id="top">
			<table width="100%">
				<tr>
					<td width="70%">
						<img alt="logo" src="images/logo.png" />
					</td>
					<td>
						<img alt="cart" src="images/cart.gif">
						<a href="#">购物车</a>|
						<a href="#">帮助中心</a>|
						<a href="#">我的账户</a>|
						<a href="#">新用户注册</a>
					</td>
				</tr>
			</table>
		</div>
		<!-- menu -->
		<div id="menu">
			<table width="100%" bgcolor="#1C3F09">
				<tr align="center">
					<td>
						<a href="#"><font color="#ffffff">文学</font></a>  
						<a href="#"><font color="#ffffff">生活</font></a>  
						<a href="#"><font color="#ffffff">计算机</font></a>  
						<a href="#"><font color="#ffffff">外语</font></a>  
						<a href="#"><font color="#ffffff">经管</font></a>  
						<a href="#"><font color="#ffffff">励志</font></a>  
						<a href="#"><font color="#ffffff">社科</font></a>  
						<a href="#"><font color="#ffffff">学术</font></a>  
						<a href="#"><font color="#ffffff">少儿</font></a>  
						<a href="#"><font color="#ffffff">艺术</font></a>  
						<a href="#"><font color="#ffffff">原版</font></a>  
						<a href="#"><font color="#ffffff">科技</font></a>  
						<a href="#"><font color="#ffffff">考试</font></a>  
						<a href="#"><font color="#ffffff">生活百科</font></a>  
						<a href="#"><font color="yellow">全部商品目录</font></a>
					</td>
				</tr>
			</table>
		</div>
		<!-- search -->
		<div id="search">
			<table width="100%" bgcolor="#B6B684">
				<tr align="right">
					<td>
						Search
						<input type="text"/>
						<input type="button" value="搜索"/>
						     
					</td>
				</tr>
			</table>
			
		</div>
		<!-- content -->
		<div id="content">
			<div align="right">
				首页 > 旅游 > 图书列表     
			</div>
			<h1>商品目录</h1>
			<hr/>
			<h1>计算机类</h1>
			<span>共xxx种商品</span>
			<hr/>
			<div>
				<img alt="productlist" src="images/productlist.gif" width="100%">
			</div>
			<div>
				<table width="100%">
					<tr align="center">
						<td>
							<div>
								<img alt="book" src="bookcover/101.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						<td>
							<div>
								<img alt="book" src="bookcover/102.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						<td>
							<div>
								<img alt="book" src="bookcover/103.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						<td>
							<div>
								<img alt="book" src="bookcover/104.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						
					</tr>
					
					<tr align="center">
						<td>
							<div>
								<img alt="book" src="bookcover/105.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						<td>
							<div>
								<img alt="book" src="bookcover/106.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						<td>
							<div>
								<img alt="book" src="bookcover/107.jpg">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						<td>
							<div>
								<img alt="book" src="bookcover/108.jpg" width="130" height="197">
							</div>
							<div>
								<span>书名:xxx</span><br/>
								<span>售价:xxx</span>
							</div>
						</td>
						
					</tr>
				</table>
			</div>
		</div>
		
		<!-- bottom -->
		<div id="bottom">
			<table width="100%" bgcolor="#EFEEDC">
				<tr>
					<td rowspan="2">
						      
						<img alt="logo" src="images/logo.png">
					</td>
					<td>
						CONTACT US
					</td>
				</tr>
				<tr>
					<td>
						copyright 2008 &copy; BookStore All Rights RESERVED
					</td>
				</tr>
			</table>
		</div>
		
		
	</div>

</body>
</html>

代码里的图片资源见:

http://download.csdn.net/download/richard1997/10253770

守护砂之国泰裤辣
关注
专栏目录
大学生网页作业成品——基于HTML网上书城项目的设计与实现
专注于dreamweaver网页设计制作
08-12 1582
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web......
期末前端web大作业——基于HTML当当图书网项目的设计与实现 网上书城 网上书店 在线书店网页
weixin__BJ050106的博客
08-14 740
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web......
（HTMl个人作品）网上书店
03-18
希望对你有用，和菜鸟们一起飞，资源虽cuo但希望对菜鸟有提示
html书店模板
08-24
这是自己做项目时自己做的html模板，拿出来分享下，里面有做的不好，希望谅解次啊
【HTML入门】第二十三课 - 【实战】做一个简单的图书详情页
最新发布
xingyu_qie的专栏
08-06 430
这一节，我们继续用纯HTML来做一个实战小案例。我找了一个图书详情的页面，就像这样：这一小节，我们用纯HTML标签，来实现一下这个图书详情的内容。
网上书店主页HTML代码
12-23
就是这么的值，你觉得可以帮助你的 那你就不要犹豫了 点击它吧 很有用的
网上书店整套html模板
12-20
网上书店html模板，包含主页、图书列表、详情、购物车、联系我们等页面
HTML期末作业-网上书城网上书店
学生期末作业
06-15 7746
HTML期末作业-网上书城网上书店，HTML+css+JavaScript,7个页面! 部分源码 <!DOCTYPE HTML> <html> <head> <title>网上书城</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="sty..
HTML网上书店HTML网上书店
05-22
HTML网上书店 HTML网上书店 HTML网上书店 HTML网上书店
纯html网上书店程序
02-20
纯html网上书店程序纯html网上书店程序纯html网上书店程序
【web前端期末大作业】html在线网上书店 基于html制作我的书屋(23页面)
STU网页设计
12-11 1644
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
html+css网上书城制作
08-10
这是参加培训三周后做的一个项目，自己花了两天半的时间独立完场。自己技术有限，网页效果也是根据模板来做的，对于整个设计的合理性也就不过分追求了，这里主要还是练习用html+css
书店商城网站html模板
02-26
书店商城网站html模板，挺精美的。只供学习
网上书城html源代码
11-04
网上书城html源代码, 适合需要学习html，javascript的朋友，及需要学习设计和搭建网站的同学，代码简单清晰，易于学习，可用eclipse开发。
网上书店静态网页
04-30
响应式网上书城静态网页
Java Web基础入门第九十二讲 在线网上书店(七)——实现订单管理模块
李阿昀的博客
06-11 1818
在该项目中，我们设计成用户不需要登录就能购买。因此，在前台首页（client/index.jsp）显示图书的时候，就添加购买的超链接。 接着，在cn.liayun.web.client包中新建一个BuyServlet，用于处理用户想要买的书籍。 package cn.liayun.web.client; import java.io.IOException; import javax.serv...
大二学生web期末大作业 在线电影网站 HTML+CSS+JS
热门推荐
HTML网页设计 专注大学生网页设计
09-18 6万+
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件
在线网上书店（HTML+JSTL+JSP指令+Struts+SQL Server)
陌上尘的Java学习旅程
12-03 2164
目名称：在线网上书店软件环境：WINDOWS XP SP3开发工具：eclipse3.2+myeclipse5.1+SQL Server2000项目是基于基于Struts开发框架的网上在线书店表现层                        JSP+HTML+JavaScript+JSTL（很少JSP代码）业务逻辑层                Struts业务逻辑Action逻辑操作层  
plotly——table
09-03
- *2* *3* [Python数据分析师使用低代码Streamlit实现Web数据可视化方法——Plotly可视化基础篇](https://blog.csdn.net/xiaoyw/article/details/122607009)[target="_blank" data-report-click={"spm":"1018.2226....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值