<!DOCTYPE html>

<!-- 睡觉,2018-6-24 22:04:36  还有foot没弄好明天弄-->

<html>

<head>

    <meta content="text/html" charset="utf-8">

    <title>网上书城</title>

</head>

<body>

<div id="page">

    <div id="top">

        <!-- table标签指定宽度  -->

        <table width="100%">

            <tr>

                <td width="70%"><img src="bookstore/images/logo.png"></td>

                <td align="right">

                    <img alt="" src="bookstore/images/cart.gif">

                    <a>购物车</a>|<a>帮助中心</a>|<a>我的帐户</a>|<a>新用户注册</a>

                </td>

            </tr>

        </table>

    </div>

</div>

    <!-- menu菜单 -->

    <div id="menu">

        <table width="100%" bgcolor="gray">

            <tr align="center">

                <td><a href="#"></a><font color="white">语文</font></td>

                <td><a href="#"></a><font color="white">数学</font></td>

                <td><a href="#"></a><font color="white">外语</font></td>

                <td><a href="#"></a><font color="white">物理</font></td>

                <td><a href="#"></a><font color="white">化学</font></td>

                <td><a href="#"></a><font color="white">生物</font></td>

                <td><a href="#"></a><font color="white">政治</font></td>

                <td><a href="#"></a><font color="white">历史</font></td>

                <td><a href="#"></a><font color="white">地理</font></td>

                <td><a href="#"></a><font color="yellow">全部商品目录</font></td>

            </tr>

        </table>

    </div>

    <!-- search 搜索-->

    <div id="search">

        <table width="100%" bgcolor="#B4B486">

            <tr>

                <td align="right">search &nbsp; <input type="text" ><input type="button" value="搜索">&nbsp;        </td>

            </tr>

        </table>

    </div>

    <!-- content 内容 -->

    <div id="content">

        <!--访问的位置-->

        <table width="100%">

            <tr >

                <td align="right">首页 &nbsp;>旅游&nbsp;>图书列表&nbsp;</td>

            </tr>

        </table>

        <!--标题-->

        <h1>商品目录</h1>

        <hr>

        <h1>计算机类</h1>

        共有xx种商品

        <hr>

        <!--产品列表图片-->

        <img src="./bookstore/images/productlist.gif" width="100%">

        <!--图书展示-->

        <table width="100%">

            <tr >

                <td align="center">

                    <div><img src="./bookstore/bookcover/101.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/102.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/103.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/104.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/105.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/106.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

            </tr>

        </table>

        <table width="100%">

            <tr >

                <td align="center">

                    <div><img src="./bookstore/bookcover/101.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/102.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/103.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/104.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/105.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

                <td align="center">

                    <div><img src="./bookstore/bookcover/106.jpg"></div>

                    <span>书名:xxx</span><br>

                    <span>价钱:88.88</span>

                </td>

            </tr>

        </table>

    </div>

    <!-- foot 顶部 -->

    <div id="foot">

        <table width="100%" bgcolor="#EFEEDC">

            <tr>

                <tb rowspan="2" width="50%" align="center">

                    <img src="./bookstore/images/logo.png">

                </tb>

                <tb>CONTACT IS</tb>

            </tr>

            <tr align="right">copyright 2018 @吾皇万岁 </tr>

        </table>

    </div>

</body>

</html>

6.24 html书城Demo的更多相关文章

  1. Bridge.NET

    块作用域闭包问题 结果正确:1 容易引入JSB:1 public class Program { static List<Action> createActions() { List< ...

  2. Greenplum 在Linux下的安装

    1.实验环境 1.1.硬件环境 Oracle VM VirtualBox虚拟机软件:三台Linux虚拟机:Centos 6.5:数据库:greenplum-db-4.3.9.1-build-1-rhe ...

  3. Xamarin.Forms入门学习路线

    Xamarin 介绍 Xamarin是一套跨平台解决方案,目的是使用C#语言创造原生的iOS,Android,Mac和Windows应用. Xamarin的三个优势: Xamarin App拥有原生A ...

  4. etrace跟踪Nginx代码+ FASTCGI

    http://blog.csdn.net/jianqiangchen/article/details/29175285 http://blog.csdn.net/jianqiangchen/artic ...

  5. JDBC与javaBean

    1.JDBC的概念: Java数据库连接技术(Java DataBase Connectivity)能实现java程序对各种数据库的访问, 由一组使用java语言编写的类 和 接口(jdbc api) ...

  6. css 动画 transform transition animation

    1.transform  transform 是通过在浏览器里面让网页元素 移动 旋转 透明 模糊 等方法来实现改变其外观的技术 -webkit-transform : translate(3em,0 ...

  7. vue.js自定义指令入门

    Vue.js 允许你注册自定义指令,实质上是让你教 Vue 一些新技巧:怎样将数据的变化映射到 DOM 的行为.你可以使用Vue.directive(id, definition)的方法传入指令id和 ...

  8. 【高德地图API】从零开始学高德JS API（三）覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物

    原文:[高德地图API]从零开始学高德JS API(三)覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物 摘要:覆盖物,是一张地图的灵魂.有覆盖物的地图,才是完整的地图.在 ...

  9. 更有效率的使用Visual Studio2

    PS色调均化滤镜的快捷实现(C#源代码). photoshop色调均化功能通常是在进行修片处理前期比较常用的功能之一,其对扩展图像的对比度,增强视觉效果有一定的作用.在很多课本或者文章中,也称这种处理 ...

随机推荐

  1. ASP.NET Core入门系列教程

    微软把这个新的框架叫:Razor Pages,以下文中我们将频繁提及—Razor Pages. 项目目录结构 wwwroot静态资源文件夹首先,Razor Pages项目中多了一个wwwroot的文件 ...

  2. DbContext SQLite配置文件

    <?xml version="1.0" encoding="utf-8"?> <configuration> <configSec ...

  3. 使用Jenkins搭建持续集成(CI)环境

    转自:http://www.cnitblog.com/luckydmz/archive/2012/01/03/77007.html 首先从官网http://jenkins-ci.org/下载 Java ...

  4. Android——RatingBar（评价条）相关知识总结贴

    android用户界面之RatingBar教程实例汇总 http://www.apkbus.com/android-51346-1-1.html Android 中文 API (40) —— Rati ...

  5. 如何寻找linux下相关软件

    当在linux下运行程序遇到找不到库的时候可以使用yum whatprovides 来找到到需要安装的包. 例如:yum whatprovides libz.so.1  然后安装找到的包 yum in ...

  6. 全球最全路由DNS服务器IP地址

    全球只有13台路由DNS根服务器,在13台路由服务器中,名字分别为“A”至“M”,其中10台设置在美国,另外各有一台设置于英国.瑞典和日本.下表是这些机器的管理单位.设置地点及最新的IP地址. 供应商 ...

  7. Swift 同构与异构

    1.数据源中的同构与异构 对于 Swift 的集合数据来说,有同构和异构之分. 如果你需要讨论一群鸟类或者一批飞机,那么这样的数据是同构的,比如包含鸟类的数组 [Bird] 和包含飞机的数组 [Air ...

  8. Java注解应用,自定义注解映射实现方案说明.

    插件结构如图: 注册模块定义了三个:用于实体与表映射的注解,用于属性到表字段的映射,用于映射时过滤掉的注解. 1.用于实体与表映射的注解 package com.dobby.plugins.annot ...

  9. 解决ScrollView嵌套RecyclerView的显示及滑动问题

        项目中时常需要实现在ScrollView中嵌入一个或多个RecyclerView.这一做法通常会导致如下几个问题 页面滑动卡顿 ScrollView高度显示不正常 RecyclerView内容 ...

  10. 【转载】Mysql load data infile用法(万级数据导入，在几秒之内)

    https://blog.csdn.net/u014082714/article/details/53173975 http://blog.itpub.net/26506993/viewspace-2 ...