1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用table标签创建一个表格，并使用border属性设置表格的边框为1px。
3、在test.html文件内，使用tr、td两个标签创建表格为两行两列，代码如下。
4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5、在css标签中，对table的td元素进行样式设置，使用padding属性设置单元格的间距为10px，即单元格的内边距为10px。
6、除了上面的方法外，还可以使用cellpadding属性直接在table标签内设置，实现单元格的间距定义。
严格的说：
<td><th><tr>不是css属性，而是html里面的table标签。
理解什么意思，看下面案例：一个3行3列的带有表头的表格
<table><thead>
<tr>
<th>表头单元格</th>
<th>表头单元格</th>
<th>表头单元格</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容单元格</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>内容单元格</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>内容单元格</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
从上面可以看出：
th为表头单元格的专属，在html 语言中，th单元格会有加粗的效果。
tr为“行”属性，一个tr就是一行，th、td属性都必须在tr内显示。属于包含关系。
td为具体内容的单元格容器，为table的底层元素，所有内容的呈现都在td内显示。
开始学html了。对标签的全称进行整理： <td>是table data cell 的缩写，单元格 <tr>是table row 的缩写，表格中的一行 <th>是table header cell 的缩写，表头单元格 ul是无序列表，全称是unordered list，先来个例子： ●张三 ●李四 ●王二 ●刘五 ol是有序列表 ,全称是ordered list，同样举个例子： 1、张三 2、李四 3、王二 4、刘五 这就是ul与ol的区别。 ul与ol前的符号是可以修改的。只需要修改它们的type值。 ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块 ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。 通过CSS也可以在将它们前的符号改为图片，这样列表显示就会更美观了。 ul 是块级元素可以定义宽和高 ,li表示行排列不能单独使用，需要在ul和ol里面，配合使用。
