标签：ima width 表格 表格的制作 upload 用户体验 dex 表示 table
我们做表格使用table标签来承载
其中table标签中的属性
tr（table row）：表示行
td: 表示列
border 表示边框，表示一个像素
cellpadding 表示单元格边距
cellspacing 表示单元格间距
-------优化一下，一般我们正常的是情况是，头部不会修改，修改的是身体部分，所以用到下面俩，更方便
thead:表示列表的头
tbody：表示列表的身体
比如你想做一个简单的表格，跟平常一样的，首先我们先了解到表格用什么标签，接着用什么属性代表行，什么属性代表列，好，开始：
---效果图如下
建立行
建立列
建立了行，建立了列，既然要表格，就要边框对吧，用到border（边界）
这时候你会发现有两个边框，原因是tr,td也显示出来了，为什么出来了等你有能力解决再说，现在问题是如何去掉，cellpadding（单元格边距） cellspacing（单元格间距）
---这样就会重合为一条线，即表格完成（但是颜色会区分开来，其实代表的还是两条线，如果想实实在在的成为一条线，这会运用到后面的知识CSS，暂时无法解决）
与此类推，多建立几个行列，就会出来了
----表格的雏形已经出来，但是很不规范，宽度很窄，是以字体而建立的表格，
----加宽度，可以用width加宽，加到多少不用管，目前先加个800
--加高度，暂时的知识解决不了，用的是CSS，这个效果可以看一看（50有点高，30差不多）
-----字体居中，高宽解决差不多了，这个目前还得CSS实现
-----会发现，表格和字体同时居中了
综上，我们已经完全可以解决一个简单的表格制作了，我们再进行一次提高用户体验度的再一次改进
因为在我们的现实过程中，我们一般是不动表格的头部，进行增添或者修改的是表格的正文部分
--头部用，thead(Table Head表头)
--表格正文用，tbody(Table Body表格主体)
在这里，并不能体现什么效果，因为这个复杂性并不高
----最终代码如下：
标签：ima width 表格 表格的制作 upload 用户体验 dex 表示 table
原文地址：http://www.cnblogs.com/123fantao/p/7979258.html
