<!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. UVA 11613 Acme Corporation（不固定流量的最小费用流）

    题意好长....变量好多.... 增加源点跟汇点.然后将每个月份看成一个点,然后拆成两个点u 跟 u+n. 从s向每个u连一条<n[u], m[i]>的弧,表示最多生产量及价值. 从每个u ...

  2. ds18b20采集温度并上报服务器

    交叉编译器:arm-linux-gcc-4.5.4 Linux内核版本:Linux-3.0 主机操作系统:Centos 6.5 开发板:FL2440 温度传感器:ds18b20 注:此程序的客户端是在 ...

  3. 怎么重置mysql的自增列AUTO_INCREMENT初时值

    重置 MySQL 自增列 AUTO_INCREMENT 初时值 注意, 使用以下任意方法都会将现有数据删除. 方法一: delete from tb1; ALTER TABLE tbl AUTO_IN ...

  4. s3cmd用法总结

    概述 S3是亚马逊AWS提供的简单存储服务(可以理解为有公网域名的大容量高可用存储) S3配合CloudFront服务可作为CDN使用,它提供多节点全球发布 安装 方法一: yum install s ...

  5. Ubuntu中保存iptables防火墙规则

    Ubuntu中保存iptables防火墙规则的例子 打开防火墙 ufw disableufw statusufw enable ufw allow 22/tcp ufw reload iptables ...

  6. [转]Java NIO 系列教程

    Java NIO提供了与标准IO不同的IO工作方式: Channels and Buffers(通道和缓冲区):标准的IO基于字节流和字符流进行操作的,而NIO是基于通道(Channel)和缓冲区(B ...

  7. sonarqube 自动代码审查

    1.docker 拉取sonarqube docker pull sonarqube 2.启动docker docker run -d --name sonarqube -p 9000:9000 so ...

  8. windows后门

    原文:揭秘Windows系统的四个后门 组策略欺骗后门 创建一个批处理文件add.bat,内容是: @echo off net user hack$ test168 /add net localgro ...

  9. MongoDB随笔3：使用索引

    创建索引的语句很简单. 1.单键索引的创建:db.test.ensureIndex({name:1},{name:'index_name'}) 2.复合索引的创建:db.test.ensureInde ...

  10. Genymotion模拟器出现INSTALL_FAILED_NO_MATCHING_ABIS 的解决办法

    下载插件: http://files.cnblogs.com/files/feijian/genymotion-arm-translation_v1.1.zip 步骤: 将模拟器运行起来,然后将下载好 ...