the first simple html page generated by div and table tags
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head> <body>
<div id="head">
<table width="100%">
<tr>
<td width="65%">
<img src="data:images/logo.png"/>
</td>
<td>
<img src="data:images/cart.gif">
<a href="#">购物车</a>|
<a href="#">帮助中心</a>|
<a href="#">我的账户</a>|
<a href="#">新用户注册</a>
</td>
</tr>
</table>
</div>
<div id="sort">
<table bgcolor="#1C3F09" width="100%">
<tr>
<td align="center">
<a href="#"><font color="#ffffff">文学</font></a>
<a href="#"><font color="#ffffff">生活</font></a>
<a href="#"><font color="#ffffff">计算机</font></a>
<a href="#"><font color="#ffffff">外语</font></a>
<a href="#"><font color="#ffffff">经管</font></a>
<a href="#"><font color="#ffffff">励志</font></a>
<a href="#"><font color="#ffffff">社科</font></a>
<a href="#"><font color="#ffffff">学术</font></a>
<a href="#"><font color="#ffffff">少儿</font></a>
<a href="#"><font color="#ffffff">艺术</font></a>
<a href="#"><font color="#ffffff">原版</font></a>
<a href="#"><font color="#ffffff">科技</font></a>
<a href="#"><font color="#ffffff">考试</font></a>
<a href="#"><font color="#ffffff">生活百科</font></a>
<a href="#"><font color="yellow">商品目录</font></a>
</td>
</tr>
<table>
</div>
<div id="search">
<table bgcolor="#B6B684" width="100%">
<tr>
<td align="right">
Search
<input type="text" id="input"/>
搜索
</td>
</tr>
</table>
</div>
<div id="content">
<div id="navigation" align="right">
首页>旅游>图书列表
</div>
<h1 size="6">商品目录</h1>
<hr/>
<h1 size="6">计算机类</h1>
<hr/>
<span>共xxx种商品</span>
<hr/>
<div id="product">
<img src="data:images/productlist.gif" width="100%"/>
</div>
<table width="100%">
<tr>
<td align="center">
<div>
<img src="bookcover/tripcn.jpg"/>
</div>
<div>
<span>书名:xxx</span><br/>
<span>售价:xxx</span>
</div>
</td>
<td align="center">
<div>
<img src="bookcover/photog.jpg"/>
</div>
<div>
<span>书名:xxx</span><br/>
<span>售价:xxx</span>
</div>
</td>
<td align="center">
<div>
<img src="bookcover/code.jpg"/>
</div>
<div>
<span>书名:xxx</span><br/>
<span>售价:xxx</span>
</div>
</td>
<td align="center">
<div>
<img src="bookcover/think.jpg"/>
</div>
<div>
<span>书名:xxx</span><br/>
<span>售价:xxx</span>
</div>
</td>
</tr>
</table>
</div>
<div id="bottom">
<table width="100%" bgcolor="#EFEEDC">
<tr>
<td rowspan="2">
<img src="data:images/logo.png"/>
</td>
<td width="60%">CONTACT US</td>
</tr>
<tr>
<td width="60%">copyright 2008©BookStore All Rights RESERVED</td>
</tr>
</table>
</div>
</body>
</html>
效果：
the first simple html page generated by div and table tags的更多相关文章
- (转)Div和Table的区别
原文:http://www.cnblogs.com/lovebear/archive/2012/04/18/2456081.html Div与table的区别 1:速度和加载方式方面的区别 div 和 ...
- div模拟table，可实现左右高度同增长（html布局）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 转: Div与table的区别
1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 <div> ...
- [转载]Div和Table的区别
1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 <div> ...
- Div与table的区别
1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 <div> ...
- div模拟table
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>div模 ...
- div 画table尝试
.left { float: left; } .table { border: solid 1px black; width: 750px; } .tr { width: 100%; height: ...
- div与table区别
1:速度和加载方式方面的区别 div 和 table 的差异不是速度,而是加载方式,速度只能是指网络速度,如果速度足够快,是没有差异的: div 的加载方式是即读即加载,遇到 <div> ...
- js div及table首行顶部吸附示例
js div顶部吸附示例,例如这样: 以下为DIV顶部吸附示例:(此示例来自于网络,在此记录与分享!感谢原作者!) 示例1:兼容IE6 <div style="height:300px ...
随机推荐
- python机器学习工具包
1. scikit-learn: Machine Learning in Python scikit-learn是一个基于NumPy, SciPy, Matplotlib的开源机器学习工具包,主要涵盖 ...
- BZOJ:4825: [Hnoi2017]单旋
Description H 国是一个热爱写代码的国家,那里的人们很小去学校学习写各种各样的数据结构.伸展树(splay)是一种数据结构,因为代码好写,功能多,效率高,掌握这种数据结构成为了 H 国的必 ...
- 51 nod 1628 非波那契树
原题链接:http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1628 花了一个早上+半个下午终于把这题切掉了…… (膜出题人) ...
- C/C++中inline用法详解
(一)inline函数(摘自C++ Primer的第三版) 在函数声明或定义中函数返回类型前加上关键字inline即把min()指定为内联. inline int min(int first, int ...
- [bzoj2574] [Poi1999]Store-Keeper
坑啊.. 膜了半天byvoid大爷的题解.https://www.byvoid.com/blog/poi-1999-mag/?replytocom=1335/ 一开始从人的位置bfs一波,看看能走到初 ...
- UEP-弹窗
注意:弹出窗口Action中的dataWrap属性要加上set方法 默认情况下为GET方式传递参数,此方法对参数的长度有限制,若是长度超过范围的话请使用POST方式 function testPopW ...
- TF-IDF_MapReduceJava代码实现思路
TF-IDF 1. 概念 2. 原理 3. java代码实现思路 数据集: 三个MapReduce 第一个MapReduce:(利用ik分词器,将一篇博文,也就是一条记录 ...
- 手机WebApp是什么？
手机WebApp是基于HTML5+css3开发的,一次开发,可以兼容许多的平台(android/iphone),调用本地功能(比如照相),可以用phonegap去实现,所以,是一个趋势.相比每个平台定 ...
- scss 初学笔记 一 变量声明 默认的样式 嵌套
$width: 300px !default; $: 变量声明符号; width: 变量名称; 300px: 赋予变量的值; !default 代表默认样式 !defau ...
- System包含的信息
System类中的属性值 System.getProperty()方法大全 System.out.println("java版本号:" + System.getProperty(& ...