HTML的练习之网上书城静态页面的实现

最新推荐文章于 2024-05-18 20:31:13 发布
最新推荐文章于 2024-05-18 20:31:13 发布
阅读量1.3w 收藏 115
点赞数 22
分类专栏： HTML 标签 ## 前端 文章标签： HTML 标签 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/striner/article/details/78605405
版权

用了几天时间学完了HTML,于是乎,编写了个网上书城项目以对所学知识做个总结.常见标签我也会对其进行标注,若写的有什么不好之处也请大家勿怪.

 

好了,废话不多说,代码奉上

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>bookStore</title>
</head>
<body>
	<!-- 整个页面 -->
	<div id="page">
		<!-- top -->
		<div id="top">  <!-- <div></div>为行级块标签 -->
			<table width="100%">
				<tbody>
					<tr>
						<td width="70%">   <!-- <td></td>为列标签 -->
							<img alt="logo" src="images/logo.png"/>
						</td>
						<td>
							<img alt="cart" src="images/cart.gif">
							<a href="#">购物车</a>   <!-- 这里的"#"代表跳转本页 <a></a>为链接标签,用于超链接的跳转 -->
							|
							<a href="#">帮助中心</a>
							|
							<a href="#">我的账户</a>
							|
							<a href="#">新用户注册</a>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<!-- menu -->
	<div id="menu">
		<table width="100%" bgcolor="#1C3F09">
			<tbody>
				<tr align="center">
					<td>
						<a herf="#">
							<font color="#ffffff">文学</font>  <!-- <font>为基本文字标签 -->
						</a>
						<a herf="#">
							<font color="#ffffff">生活</font>
						</a>
						<a herf="#">
							<font color="#ffffff">计算机</font>
						</a>
						<a herf="#">
							<font color="#ffffff">外语</font>
						</a>
						<a herf="#">
							<font color="#ffffff">经管</font>
						</a>
						<a herf="#">
							<font color="#ffffff">励志</font>
						</a>
						<a herf="#">
							<font color="#ffffff">社科</font>
						</a>
						<a herf="#">
							<font color="#ffffff">学术</font>
						</a>
						<a herf="#">
							<font color="#ffffff">少儿</font>
						</a>
						<a herf="#">
							<font color="#ffffff">艺术</font>
						</a>
						<a herf="#">
							<font color="#ffffff">原版</font>
						</a>
						<a herf="#">
							<font color="#ffffff">科技</font>
						</a>
						<a herf="#">
							<font color="#ffffff">考试</font>
						</a>
						<a herf="#">
							<font color="#ffffff">生活百科</font>
						</a>
						<a herf="#">
							<font color="#ffffff">全部商品目录&l
最低0.47元/天 解锁文章
striner
关注
  • 22
    点赞
  • 踩
  • 115
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
纯Html5实现网上书城界面
everything002的博客
05-04 9132
老师不让使用css 后来发现纯html5页面也可以实现很多事情 效果图： 1.设置8个横向div作为模板 弄了一小时我发现，Notepad,subline_Text,Dreamware，这三个软件对组件的宽高背景色设计需要用到css. ——所以降低一定难度，对盒子的宽高进行css设置。 （为了让老师清除只对这几个参数进行了css设置，这里采用内联的写法） 我还是很奇怪这个div的宽高，背景色应...
html+css纯静态页面练习：仿网易云
08-24
包含网易云首页和网易云商城两个页面
网上书城项目的静态页面
11-16
网上书城的静态页面 对网上书城项目很有帮助
html---网上书城案例
weixin_46218101的博客
08-11 2795
web前端入门之html（11） 网上书城案例简单实现 1.前期准备：划分图片结构 1.截图： 2.代码： <!DOCTYPE html> <!-- saved from url=(0092)file:///C:/Users/Administrator/Desktop/sublime%E7%BB%83%E4%B9%A0/csdn%E7%BB%83%E4%B9%A0.html --> <html><head><meta http-equiv="Conten
制作京东购物车，包含html+js+css完整代码
最新发布
m0_74937643的博客
05-18 1147
商品布居html，同一店铺多个商品只需要复写class="item-item"，更改内部的商品图片，名称，以及相对于的连接即可，不同店铺则复写class="cart-body"为所有的商品复选框添加点击事件，所有的商家name属性值保持一致，商品name属性值保持一致。制作京东购物车页面，实现全选商品，价格加减，商品数量加减，总价。JS函数，该函数包括获取商品总价，并显示总价及已选商品种类数量。点击全选，实现所有商品选中，并且算出总价，和已选择的商品数量。商品总价及已选择商品种类数量html部分。
大学生网页作业成品——基于HTML网上书城项目的设计与实现
专注于dreamweaver网页设计制作
12-19 952
1网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
基于HTML的图书管理系统（源码+数据库）
m0_59186440的博客
07-04 5483
基于HTML的图书管理系统包括首页、用户注册、用户登录、图书查看、用户搜索、评论等功能。
基于Java+Spring+Html的图书借阅管理系统详细设计和实现
热门推荐
java李阳勇的博客
02-03 1万+
主要功能设计：个人中心、公告信息管理、用户管理、图书分类管理、图书信息管理、图书借阅管理、图书归还管理、罚金缴纳管理、图书入库管理、图书出库管理、每日盘点管理、留言板管理、论坛管理等信息
Web小米商城首页和登录页面基于HTML+CSS+JS实现
06-08
在本项目中，我们将探讨如何使用HTML5、CSS3和JavaScript技术来仿制小米商城的首页和登录页面。这是一个常见的实战练习，旨在提升开发者对网页开发基础的理解，并加强其项目实施能力。 首先，HTML（HyperText ...
HTML+CSS小米商城首页练习
05-30
在本项目"HTML+CSS小米商城首页练习"中，我们将探讨如何使用HTML5和CSS3技术来构建一个静态网页，特别关注的是模仿小米商城的首页。这个练习旨在提高你的前端开发技能，通过实践来理解这两种语言的核心概念以及它们...
仿天猫的静态网页，纯HTML+CSS
09-05
这个项目涵盖了Web开发的基础和电商网站的常见页面结构，是初学者练习网页制作技能的理想实例。以下将详细介绍其中涉及的关键知识点： 1. **HTML（HyperText Markup Language）**：HTML是网页内容的基石，用于定义...
购书静态网页设计与实现，原生HTML+CSS+Javascript实现！
04-01
购书+阅读静态网页设计与实现，原生HTML+CSS+Javascript，基本实现网站经典功能：图片轮播切换、点击切换、表单登录验证、用户浏览网站时长计算、鼠标点击提示、加载提示，体验前端开发的过程，小白入门前端开发案例的最佳案例，结合博文https://csdn-czh.blog.csdn.net/article/details/108407720 详细步骤，开箱即用！
网上书城html源代码
11-04
网上书城html源代码, 适合需要学习html，javascript的朋友，及需要学习设计和搭建网站的同学，代码简单清晰，易于学习，可用eclipse开发。
HTML简单书城
06-07
用HTML创建一个书城首页，有用户登录，图书类型，相关链接等，其余功能可进行添加
纯html网上书店程序
02-20
纯html网上书店程序纯html网上书店程序纯html网上书店程序
电商-书店基础版HTML静态页面
02-04
非常漂亮的完整版静态页面包含首页、注册、登录、购物车、订单详情、产品列表、产品详情，用户后台等等。。。
静态商城小demo
06-22
【静态商城小demo】是一个基于原生JavaScript编写的练习项目，旨在帮助开发者熟悉前端开发的基本技巧和流程。在这个小demo中，你可以看到如何利用HTML、CSS以及JavaScript来构建一个简单的在线购物商城页面。这个...
bookstore静态页面
eileen823的博客
02-21 1026
bookstore静态页面代码如下： #right{ float: right; vertical-align: middle; line-height:50px; margin-right:70px; } #right img{ margin-top:11px; } #right a{
静态网上书城首页
weixin_30401605的博客
11-08 454
大家好，这是我开通博客后的第一篇随笔，今后还会有更多的随笔展示在我的博客中，随笔内容主要是我做的一些网页或者程序之类的，我会将我写代码时主要碰到的一些问题在里面，然后会展示我遇到该问题时采用的是什么方法以及附上我写的代码以及运行效果的截图由于本人还属于菜鸟水平，若有不对之处还请大神指正，定将纳您的高见。 首先，我在写该网页时，碰到的第一个难题也是最大的一个难题就是由于使用了浮动导...
网上书城静态页面html
04-11
网上书城静态页面的HTML代码可以根据具体需求而有所不同，以下是一个简单的示例： ```html <!DOCTYPE html> <html> 网上书城 /* CSS样式可以在这里定义 */ 网上书城 <li><a href="#">首页</a></li...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值