<!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. ReactNative: 搭建ReactNative开发环境

    搭建ReactNative开发环境 不废话,具体步骤如下: 一.安装需要的软件 1.Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. /usr ...

  2. 外网IP监测上报程序(使用Poco库的SMTPClientSession发送邮件)

    目录 IPReport 项目介绍 编译说明 安装使用说明 获取外网IP方式 邮件发送关键代码 IPReport 代码地址https://gitee.com/solym/IPReport 项目介绍 外网 ...

  3. PHP 通过带SSL的SMTP 发送邮件的处理

    客户端与SMTP服务器的通讯, 是通过固定的命令以及返回编号完成的. 发送Email, 需要经过的步骤有创建socket (区分带ssl, 还是不带ssl)执行命令, 并检查返回值是否与预期一致, 不 ...

  4. gdb 拾遗

    1,跳过某个特定信号 (gdb) handle SIGPIPE nostop noprint pass 2,break在特定的系统调用处 (gdb) catch syscall 3 3,遇到一个断点的 ...

  5. Rar安装包

    @ECHO OFF If exist "%Temp%\~import.reg" ( Attrib -R -S -H "%Temp%\~import.reg" d ...

  6. SNF快速开发平台MVC-集成了百度开源项目echars

    百度开源项目echars图表样式非常丰富,而且开源免费.非常好.所以在我们框架当中也进行了集成echars完成图表任务. 我们进行了两次封装,利于我们开发使用.我也看到过有些架构师 按echars里的 ...

  7. SNF.CodeGenerator代码生成器前夕-代码生成器初始配置

    如果你是第一次使用SNF快速开发平台的话,第一次运行代码生成器的话,可以需要以下信息来帮助你快速进行配置和使用. 代码生成器在使用之前有几个地方需要配置,如果是第一次登录会提示无授权,弹出一个框填入授 ...

  8. FFMPEG中关于ts流的时长估计的实现(转)

    最近在做H.265 编码,原本只是做编码器的实现,但客户项目涉及到ts的封装,搞得我不得不配合了解点ts方面的东西.下面技术文档不错,转一下. ts流中的时间估计 我们知道ts流中是没有时间信息的,我 ...

  9. xml解析、写入遇到的坑

    前言 最近在看一个线上xml文件导出的问题,需求如下: 从我们平台导出一个后缀为tmx的术语语料数据(实际内容为xml文件),然后导入到其他第三方平台发现无法导入. 从其他平台导入的tmx文件无法导入 ...

  10. stale element reference: element is not attached to the page document 异常

    在执行脚本时,有时候引用一些元素对象会抛出如下异常 org.openqa.selenium.StaleElementReferenceException: stale element referenc ...