1、首先使用<TABLE></TABLE>：此标记用来定义表格的开始与结束。所有的表格标记都必须要放在<TABLE></TABLE>之间。同时会加上border属性来为表格添加边框。
2、<Caption></Caption>:此标记用来定义表格的标题。通常此标题会出现在表格上方中央的位置，也可以利用align=bottom的属性使标题显示在表格的下方。
3、这是添加了表格标题的网页效果。
4、接着输入<TR></TR>：此标记定义表格中每一行和开始与结束，<TR></TR>之间的单元格都会显示在一行中。
5、<TH></TH>：此标记定义表格中的标签（即表头），通常放在表格中的第一行或第一列。
6、最后输入<TD></TD>：此标记用来定义表格中的数据的开始和结束。每一行的<td>...</td>的数目等于表格的列数。
直接给每一列的第一行设置宽度就可以了，下边的默认与第一行的相同，如果需要修改，在单独设置就可以，下边这段代码就是第一列300像素，第二列200像素；<html xmlns="http://www.dayinmandarin.com">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>表格列宽</title>
</head>
<body>
<table style="border:1px solid #000width:500pxheight:400px">
<tr><td width="300px"></td><td width="200px"></td></tr>
<tr><td></td><td></td></tr>
</table>
</body>
</html>
1.table 设置 宽度，绝对宽度和相对都可以
table-layout:fixed
设置了这个属性，其余所有td都是相同的宽度。
这样操作之后，table是宽度固定了，但是里面的文章如果很长，文字会覆盖
解决办法：
在 td 里面 加上 style="word-wrap:break-word" 自动换行就好了，如果不想换行，可以将超出内容设为隐藏，并且用省略号代替：
在td上面加
overflow:hidden
white-space:nowrap
