1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>表格布局</title>
  6. </head>
  7.  
  8. <body bgcolor="white" leftmargin="0" topmargin="0">
  9. 	<!--外层表格開始-->
  10.     <table width="100%" border="0" cellpadding="0" cellspacing="0">
  11.     	<tbody>
  12.         	<tr>
  13.             	<td align="center">
  14.                 <!--中层表格開始-->
  15.                 <table width="800" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
  16.                 <tbody>
  17.                 	<tr align="center">
  18.                     <!--内层表格開始-->
  19.                     <table width="600" border="0" cellpadding="0" cellspacing="0">
  20.                     <tbody>
  21.                     	<tr>
  22.                         	<td colspan="5"><img src="20140224112909_Pt8jK.jpg" width="600" height="200"/></td>
  23.                         </tr>
  24.  
  25.                         <tr height="50">
  26.                         	<td colspan="3">username：______ password：______</td>
  27.                             <td colspan="2" align="right"><a href="http://www.baidu.com">帮助</a></td>
  28.                         </tr>
  29.  
  30.                         <tr height="2">
  31.                         	<td colspan="5" background="黑线.png"</td>
  32.                         </tr>
  33.  
  34.                         <tr valign="top">
  35.                         	<td width="140">
  36.                             	<h3 align="center">你喜欢海吗</h3>
  37.                                 <ul>
  38.                                 	<li>写信告诉我今天</li>
  39.                                     <li>海是什么颜色</li>
  40.                                     <li>夜夜陪着你的海</li>
  41.                                     <li>心情又如何</li>
  42.                                     <li>灰色是不想说</li>
  43.                                     <li>蓝色是忧郁</li>
  44.                                     <li>而漂泊的你</li>
  45.                                     <li>狂浪的心</li>
  46.                                     <li>停在哪里</li>
  47.                                 </ul>
  48.                             </td>
  49.                             <td width="1" background="黑线.png"></td>
  50.                             <td width="300">
  51.                             	<h3 align="center">我爱的大海</h3>
  52.                                 <img src="20120804021257_W3hWC.jpg" width="300" height="300"/>
  53.                                 <h3 align="center">你在哪呢</h3>
  54.                                 <ul>
  55.                                 	<li>写封信给我就当最后约定</li>
  56.                                     <li>说你在离开我的时候是如何的心情</li>
  57.                                 </ul>
  58.                             </td>
  59.                             <td width="1" background="黑线.png"></td>
  60.                             <td width="140">
  61.                             	<h3 align="center">你会喜欢的</h3>
  62.                                 <ul>
  63.                                 	<li>写信告诉我你想要</li>
  64.                                     <li>梦什么</li>
  65.                                     <li>梦里外的我是否</li>
  66.                                     <li>都让你无从选择</li>
  67.                                     <li>我揪着一颗心</li>
  68.                                     <li>整夜都闭不上眼睛</li>
  69.                                     <li>为何你明明动了情</li>
  70.                                     <li>却又不靠近</li>
  71.                                 </ul>
  72.                            </td>
  73.                       </tr>
  74.  
  75.                       <tr>
  76.                       	<td colspan="5"><img src="20140224112909_Pt8jK.jpg" width="600" height="100" /></td>
  77.                       </tr>
  78.  
  79.                       <tr height="40">
  80.                       	<td colspan="5" align="left">版权全部，翻录必究 &copy;1999-2014</td>
  81.                       </tr>
  82.  
  83.                   </tbody>
  84.                  </table>
  85.                  <!--内层表格结束-->
  86.                  </td>
  87.                </tr>
  88.             </tbody>
  89.             </table>
  90.             <!--中层表格结束-->
  91.            </td>
  92.            </tr>
  93.          </tbody>
  94.       </table>
  95.       <!--外层表格结束-->
  96.       </body>
  97. </html>

HTML——使用表格进行页面布局的更多相关文章

  1. html5: table表格与页面布局整理

    传统表格布局之table标签排版总结:   默认样式: <style> table { max-width: 800px; border-spacing: 2px; border-coll ...

  2. 【Flutter学习】页面布局之列表和表格处理

    一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照< ...

  3. Xamarin+Prism开发详解五：页面布局基础知识

    说实在的研究Xamarin到现在,自己就没设计出一款好的UI,基本都在研究后台逻辑之类的!作为Xamarin爱好者,一些简单的页面布局知识还是必备的. 布局常见标签: StackLayout Abso ...

  4. CSS3与页面布局学习总结（四）——页面布局大全

    一.负边距与浮动布局 1.1.负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能 ...

  5. HTML5-03 页面布局

    概述 HTML 文档中的元素是一个接着一个排列的,只是简单地在在块级元素的前后加上拆行,是一种流水布局.但是,我们所见到的 Web 页面按照一定的规则布局排版的(通常是多列的),所以就要借助一定的方法 ...

  6. CSS3与页面布局学习总结（四）——页面布局大全BFC、定位、浮动、7种垂直居中方法

    目录 一.BFC与IFC 1.1.BFC与IFC概要 1.2.如何产生BFC 1.3.BFC的作用与特点 二.定位 2.2.relative 2.3.absolute 2.4.fixed 2.5.z- ...

  7. 无废话ExtJs 入门教程十六[页面布局：Layout]

    无废话ExtJs 入门教程十六[页面布局:Layout] extjs技术交流,欢迎加群(201926085) 首先解释什么是布局: 来自百度词典的官方解释:◎ 布局 bùjú: [distributi ...

  8. APP界面设计之页面布局的22条基本原则

    移动 APP 页面布局(Layout)是我们设计 app 界面的时候,最主要的设计任务.一个 app 的好与不好,很大部分取决于移动 APP 页面布局的合理性. 下图为 APP 最原始的布局模型. 页 ...

  9. jquery-easyui实现页面布局和增删改查操作（SSH2框架支持）转载

    http://blessht.iteye.com/blog/1069749/ 已注册:ooip 关联的csdn 前几天心血来潮用jquery-easyui+spring.struts2.hiberna ...

随机推荐

  1. iOS学习笔记03-UITableView

    一.UITableView基本介绍 默认的UITableView有2种风格: UITableViewStylePlain(不分组) UITableViewStyleGrouped(分组) UITabl ...

  2. hihoCoder #1471 拥堵的城市

    这道题目是hihoCoder Challenge 27的C题,我考虑了5天:(. 计数问题.由于树的结构的特殊性(树具有递归结构),不难想到思路是树形DP.由于这是[计数问题]而非[优化问题],我们思 ...

  3. [POJ2778]DNA Sequence（AC自动机 + DP + 矩阵优化）

    传送门 AC自动机加DP就不说了 注意到 m <= 10,所以模式串很少. 而 n 很大就需要 log 的算法,很容易想到矩阵. 但是该怎么构建? 还是矩阵 A(i,j) = ∑A(i,k) * ...

  4. BZOJ 3749: [POI2015]Łasuchy【动态规划】

    Description 圆桌上摆放着n份食物,围成一圈,第i份食物所含热量为c[i]. 相邻两份食物之间坐着一个人,共有n个人.每个人有两种选择,吃自己左边或者右边的食物.如果两个人选择了同一份食物, ...

  5. 算法复习——莫队算法（bzoj1878）

    题目: Description HH有一串由各种漂亮的贝壳组成的项链.HH相信不同的贝壳会带来好运,所以每次散步 完后,他都会随意取出一 段贝壳,思考它们所表达的含义.HH不断地收集新的贝壳,因此他的 ...

  6. [SCOI2003]字符串折叠 (区间DP)

    题目描述 折叠的定义如下: 一个字符串可以看成它自身的折叠.记作S = S X(S)是X(X>1)个S连接在一起的串的折叠.记作X(S) = SSSS…S(X个S). 如果A = A’, B = ...

  7. linux和windows下分别如何查看电脑是32位的还是64位？

    WINDOWS下查看的方法: 方法一. 在开始→运行中输入“winver”,如果您的系统是64位的,会明确标示出“x64 edition”. 方法二.(推荐) 在cmd窗口中输入systeminfo回 ...

  8. N*N数码问题

    奇数码问题 时间限制: 1 Sec  内存限制: 128 MB 题目描述 你一定玩过八数码游戏,它实际上是在一个3*3的网格中进行的,1个空格和1~8这8个数字恰好不重不漏地分布在这3*3的网格中. ...

  9. HUNAN 11562 The Triangle Division of the Convex Polygon(大卡特兰数)

    http://acm.hunnu.edu.cn/online/?action=problem&type=show&id=11562&courseid=0 求n边形分解成三角形的 ...

  10. 接阿里云oss有感

    看API,从头细看到尾,在这个过程中一定会找到你要找的东西.