html设置表格和页面一样大

⽹页的排版表格篇⽹页的排版表格篇⽹页离不开表格，决⼤多数的表格都是以表格为主体制作的表格是⽹页的⼀个⾮常重要元素，因为HTML本⾝并没有提供更多的排版⼿段，我们往往就要借助表格实现⽹页的精细排版。

可以说表格是⽹页制作中最为重要的⼀个技巧，表格运⽤得好坏，直接反映了了⽹页设计师的⽔平。

使⽤表格能使你的⽹页变得更加的清楚，使⼈看起来更有条理、更加直观，但它的使⽤有⼀个⼩⼩的缺陷：它会使你的⽹页显⽰的速度变慢⼀点。

我们知道⼀般的⽂字显⽰是逐⾏显⽰的，即⽂字从服务器上传了过来，尽管不全，但它还是会将传到的部分先显⽰出来，以⽅便浏览，⽽⽤了表格就不同了，表格⼀定要等到整个表格的内容全部传过来了之后，才能在客户端的屏幕上显⽰出来，即表格是整个⼀块⼉出现的。

因此我们在使⽤表格的同时要注意，如果表格包含的内容不是很多，就可以利⽤表格来更好的⼯作，但如果表格中包含的内容很多，此时最好别⽤表格结构，否则它会使你的⽹页出来的速度奇慢⽆⽐。

表格是现代⽹页制作的⼀个重要组成部分。

表格之所以重要是因为表格可以实现⽹页的精确排版和定位。

⾸先看表格操作的⼀个实例。

然后来看⼀些表格操作的基本⽅法。

在开始制作表格之前，我们⾸先对表格的各部分的名称做⼀个介绍。

下⾯看看我们使⽤表格制作的页⾯的实例这幅页⾯的排版格式，如果⽤以前我们所讲的对齐⽅式是⽆法实现的。

因此我们需要⽤到表格来做。

实际上是⽤两⾏两列的表格来制作。

1、在插⼊栏中选择按钮或“插⼊”菜单>选“表格”。

系统弹出表格对话框。

⾏：2。

列：2。

其余的参数都保留其默认值。

2、在编辑视图界⾯中⽣成了⼀个表格。

表格右、下及右下⾓的⿊⾊点是调整表格的⾼和宽的调整柄。

当光标移到点上就可以分别调整表格的⾼和宽。

移到表格的边框线上也可以调整。

3、在表格的第⼀格按住左键不放，向下拖拽选中⼆格单元格。

然后在展开的属性⾯板中选择合并单元格按钮（如下图红框所⽰）。

将表格的单元格合并。

如果要分割单元格，则可以⽤合并单元格按钮右边的按钮。

竭诚为您提供优质文档/双击可除html设置表格内容顶部对齐方式篇一：html表格布局实例[html]表格布局之实例版|[>]前面我们讲了html表格的基础知识，今天我们通过一个实例让大家更清晰的了解下表格的用途。

例如：我们做一个简单的网站布局，代码如下：bordercolor="#00ff99">网站名称网站标题搜索框左边中间右边网站底部信息产生如下的表格：这是一张整体的表格，第一行和第四行分别跨度了三列，这里用colspan="3"来限制，而第二行的“搜索框”占用了两列的位置，用colspan="2"控制；align="center"是对表格内文字的对齐限制，center表示中间，right表示靠右，left 靠左。

表格的基础设置，可以参考：[html]利用表格规划网站布局[html]如何制作多行多列的表格[html]设定表格的尺寸和边框如果你现在可以根据自己的想法制作出一个表格了，那么你就是向自己制作模板迈近了一步。

^o^表格布局现在仍然很多人在用，方便实在。

网页设计现有两种布局方法，一种即是表格布局，另一种是现在w3c极力推荐的css布局。

不过，就目前来说，由于xhtml并未完全占据主流，表格布局依然是大多数网页设计师的首选。

你所描述的问题属于表格的对齐问题，解决方式有以下几种：如果两个表格的宽度不一致，那么选择默认的对齐方式，也即左对齐，在html中的标签和属性是：就能实现左边对齐。

你现在出现的问题有可能是第一个表格设置了对齐方式，例如居中对齐，而第二个表格并没有设置对齐方式，所以默认为左对齐，这样就出现了上述问题。

我的一些表格布局的经验：1、表格布局第一步：先插入一个表格，宽度是760-780px （记住，一定要用px，不要用百分比），高度不用设置，然后令这个表格居中。

以后所有的内容都限制在这个表格中。

html5 表格行间距
在HTML5中，表格的行间距可以通过CSS样式来设置。

通常情况下，可以使用`border-spacing`属性来设置表格的行间距。

这个属性可以在`<table>`元素或者其父元素的样式中进行设置。

例如：
css.
table {。

border-spacing: 10px; / 设置行间距为10像素 /。

}。

另外，你也可以使用`border-collapse`属性来设置表格的边框合并模式，从而间接影响行间距。

这个属性可以设置为`separate`（默认值）或者`collapse`。

当设置为`collapse`时，相邻单元格的边框会合并，从而影响行间距的显示。

除了以上方法，你还可以使用`padding`属性来设置单元格的内边距，间接影响行间距的显示。

例如：
css.
td {。

padding: 10px; / 设置单元格的内边距为10像素，间接影响行间距 /。

}。

总的来说，通过以上提到的CSS属性，你可以在HTML5中灵活地设置表格的行间距，以满足你的具体需求。

希望这些信息能够帮助到你。

HTML表格边框制作教程作者：灵子表格以<table>和</table>分别作起始标识符。

其中，<table>里有一些必要的参数，为容易理解起见，在这里只介绍本节用到的参数，其他的参数今后将陆续提到。

border参数定义表格边框的粗细，记为border=数值，数值取0，1，2，3等整数。

width是我们要定义的参数，它规定表格的宽度，数值通常用100%，记作width=100%，值得注意的是，如果不设置width值，表格将根据单元格里的内容自动定义宽度。

height 参数规范表格的高度，通常可以不设置，而是让内容的多少让系统自行设定。

<table>和</table>之下，还需要由两个成对的标识符号定义表格的行、列，它们分别是<tr>……</tr>，<td>……</td>，tr标识符定义表中的行，td标识符定义数据表元，即每行中的每一列。

<td>……</td>要包含在<tr>……</tr>里面。

此外，论坛要求在<table>下有<tbody>（表体），它也是成对出现，包含<tr>...</tr>。

一张完整的表格全部语法如下：<table border=2 width=80%><tbody><tr><td>Hello Table</td></tr></tbody></table>效果如下：Hello Table表格边框的修饰上一讲我们讲到border属性，border即为边框，除了有粗细的数值定义以外，还有其他的属性哦。

我们先来看看亮边框的颜色和暗边框的颜色设置。

亮边框记作bordercolorlight，暗边框记作bordercolordark。