<!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. 使用Linux(CentOS)搭建SVN服务器全攻略

    虽然在windows上搭建SVN很简单,但是效能却不高,这当然是和linux相比了.然而在linux上搭建SVN却非常繁琐,所以今天这篇文章就来一步一步教您如何在Centos上搭建SVN 安装 #yu ...

  2. 加密入门（三）：TrueCrypt（转）

    http://terrychen.info/encryption-truecrypt/ TrueCrypt 是一款功能强大的开源加密工具,利用 TrueCrypt 可以创建一个加密文件作为虚拟加密卷, ...

  3. Android之官方导航栏ActionBar

    一.ActionBar概述 ActionBar是android3.0以后新增的组件,主要用于标示应用程序以及用户所处的位置并提供相关操作以及全局的导航功能.下面我们就看看如何使用ActionBar,真 ...

  4. PHP ~与各加速工具的性能对比~

    参与测试的加速器:Xcache,Opcache,hhvm   Xcache简介 前面已经介绍了PHP加速器的原理和功用(参见LAMP架构之PHP-FPM 服务器),xcache作为目前使用广泛的PHP ...

  5. 微信小程序wxss的background本地图片问题

    在web 或者webapp开发中我们习惯了直接饮用本地图片做背景,例如 .aaa { background: url('img/1.png'); } 但是这种引用方式在微信小程序中是无法使用的,控制台 ...

  6. WPF腾讯视频通话开发

    一.IntPtr.HandleC#中的IntPtr类型称为“平台特定的整数类型”,它们用于本机资源,如窗口句柄. 1.WPF窗口句柄IntPtr wnip = new System.Windows.I ...

  7. 微软BI 之SSIS 系列 - Lookup 组件的使用与它的几种缓存模式 - Full Cache, Partial Cache, NO Cache

    开篇介绍 先简单的演示一下使用 Lookup 组件实现一个简单示例 - 从数据源表 A 中导出数据到目标数据表 B,如果 A 数据在 B 中不存在就插入新数据到B,如果存在就更新B 和 A 表数据保持 ...

  8. [转]数据库性能优化之SQL语句优化1

    一.问题的提出 在应用系统开发初期,由于开发数据库数据比较少,对于查询SQL语句,复杂视图的的编写等体会不出SQL语句各种写法的性能优劣,但是如果将应用系统提交实际应用后,随着数据库中数据的增加,系统 ...

  9. 测试覆盖率工具：EclEmma

    测试覆盖率工具:EclEmma 2016-08-26 目录 1 测试覆盖率实现技术2 EclEmma介绍3 EclEmma测试覆盖率指标4 EclEmma安装5 示例项目介绍  5.1 创建项目  5 ...

  10. webstorm开发vue项目环境配置

    1.首先安装nodejs,官网下载nodejs安装包,默认安装NPM包管理器(国内使用npm需要FQ,也可以使用淘宝的镜像:npm install -g cnpm –registry=https:// ...