html中table如何使用

1、在EditPlus中新建一个HTML Page页面，在body主体中敲内容。

表格的整体标签有<table>用来包裹整个表格，<caption>用来写表格标题，

<tr>表格的一行，<th>表格的表头，<td>表格的列。

2、border属性，表格边框。如果不加border属性，则没有边框。

为了能更好的测试设计效果，初期可以加边框，方便浏览。

在table后加属性border="1"，设置边框像素为1。

若某单元格内无内容，则该单元格边框不显示，可以加&nbsp;来处理。

3、width属性，表格宽度

绝对宽度，width="10px"

相对宽度，width="100%"

4、合并两行：

<th rowspan="2">项目</th>

只需要在第一行中写，会默认向下合并

合并两列

<td colspan="2" align="center">看综艺节目</td>

使用align让文字居中。

5、cellspacing属性，设置单元格与边框间的距离。当cellspacing="0"时，表格为单条线。

cellpadding设置单元格与文字间的距离。

当cellspacing="0" cellpadding="5"时，效果如下。

6、框架属性

在table中加frame属性，可以设置为above、below、hsides、vsides、box。

该属性在不设置border的情况下有效。

下图为frame="box"的效果。