<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>表格布局</title>

</head>

<body bgcolor="white" leftmargin="0" topmargin="0">

	<!--外层表格開始-->

    <table width="100%" border="0" cellpadding="0" cellspacing="0">

    	<tbody>

        	<tr>

            	<td align="center">

                <!--中层表格開始-->

                <table width="800" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">

                <tbody>

                	<tr align="center">

                    <!--内层表格開始-->

                    <table width="600" border="0" cellpadding="0" cellspacing="0">

                    <tbody>

                    	<tr>

                        	<td colspan="5"><img src="20140224112909_Pt8jK.jpg" width="600" height="200"/></td>

                        </tr>

                        <tr height="50">

                        	<td colspan="3">username：______ password：______</td>

                            <td colspan="2" align="right"><a href="http://www.baidu.com">帮助</a></td>

                        </tr>

                        <tr height="2">

                        	<td colspan="5" background="黑线.png"</td>

                        </tr>

                        <tr valign="top">

                        	<td width="140">

                            	<h3 align="center">你喜欢海吗</h3>

                                <ul>

                                	<li>写信告诉我今天</li>

                                    <li>海是什么颜色</li>

                                    <li>夜夜陪着你的海</li>

                                    <li>心情又如何</li>

                                    <li>灰色是不想说</li>

                                    <li>蓝色是忧郁</li>

                                    <li>而漂泊的你</li>

                                    <li>狂浪的心</li>

                                    <li>停在哪里</li>

                                </ul>

                            </td>

                            <td width="1" background="黑线.png"></td>

                            <td width="300">

                            	<h3 align="center">我爱的大海</h3>

                                <img src="20120804021257_W3hWC.jpg" width="300" height="300"/>

                                <h3 align="center">你在哪呢</h3>

                                <ul>

                                	<li>写封信给我就当最后约定</li>

                                    <li>说你在离开我的时候是如何的心情</li>

                                </ul>

                            </td>

                            <td width="1" background="黑线.png"></td>

                            <td width="140">

                            	<h3 align="center">你会喜欢的</h3>

                                <ul>

                                	<li>写信告诉我你想要</li>

                                    <li>梦什么</li>

                                    <li>梦里外的我是否</li>

                                    <li>都让你无从选择</li>

                                    <li>我揪着一颗心</li>

                                    <li>整夜都闭不上眼睛</li>

                                    <li>为何你明明动了情</li>

                                    <li>却又不靠近</li>

                                </ul>

                           </td>

                      </tr>

                      <tr>

                      	<td colspan="5"><img src="20140224112909_Pt8jK.jpg" width="600" height="100" /></td>

                      </tr>

                      <tr height="40">

                      	<td colspan="5" align="left">版权全部，翻录必究 &copy;1999-2014</td>

                      </tr>

                  </tbody>

                 </table>

                 <!--内层表格结束-->

                 </td>

               </tr>

            </tbody>

            </table>

            <!--中层表格结束-->

           </td>

           </tr>

         </tbody>

      </table>

      <!--外层表格结束-->

      </body>

</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. BZOJ 4811 [Ynoi2017]由乃的OJ ——Link-Cut Tree

    直接维护按照顺序经过每一段,初始的1可以变成什么,初始为0可以变成什么. 然后答案就可以和起床困难综合征一样贪心处理了. 写起来并不好写. 发现交换左右子树之后答案会改变,GG 调了一天,最后还是T掉 ...

  2. HDU 1724 Ellipse ——Simpson积分

    [题目分析] 一看题目,直接把椭圆积分起来就可以了嘛. 然后发现椭圆比较难积分,还是算了吧. 用Simpson积分硬上. 大概就是用二次函数去拟合面积. [代码] #include <cstdi ...

  3. [BZOJ3611] [Heoi2014]大工程（DP + 虚树）

    传送门 $dp[i][0]$表示节点i到子树中的所有点的距离之和 $dp[i][1]$表示节点i到子树中最近距离的点的距离 $dp[i][2]$表示节点i到子树中最远距离的点的距离 建好虚树后dp即可 ...

  4. 算法复习——floyd求最小环（poj1734）

    题目: 题目描述 N 个景区,任意两个景区之间有一条或多条双向的路来连接,现在 Mr.Zeng 想找一条旅游路线,这个路线从A点出发并且最后回到 A 点,假设经过的路线为 V1,V2,....VK,V ...

  5. KD-Tree 的笔记

    声明: 蒟蒻对于 KD-Tree 的一点理解,写在博客里面作为笔记. 1.KD-Tree 的定义 1)关于 K-D KD-Tree 中的 D 即为 Dimension ,意思也就是维度. 所以 KD- ...

  6. PHP文件上传设置和处理(单文件)

    <!--upload.php内容--><?php /* 修改php.ini的设置 file_uploads必须是On upload_max_filesize 设置上传文件的大小,此值 ...

  7. VMware虚拟机CentOS7 - VMnet8网络配置及常见问题解决

    本文环境 物理机OS: Windows10 专业版 虚拟机平台: VMware Workstation 14 虚拟机OS: CentOS 7 配置步骤 一. 查看物理主机的网络配置信息 主要是找到可以 ...

  8. Python入门--7--元祖：列表的顽固亲戚

    一.创建和访问一个元祖 zheshiyige_yuanzu=(1,2,3,4,5,6) #创建一个元祖 zheshiyige_yuanzu[1] #打印第二个元素 zheshiyige_yuanzu[ ...

  9. treetable 用法小例

    插件地址:http://pan.baidu.com/s/1kVf0Kcfcript src="/plugins/jQuery/jQuery-2.1.4.min.js">< ...

  10. SGU 106 在区间范围内的线性方程解个数

    题意:求解方程ax+by+c=0,在区间x1->x2和y1->y2的解的个数. 看似简单,真心a的不容易啊! 开始跪于第8组数据,原因是没用long long !后来改了,跪于12组,超时 ...