这节课我们来学习表格标签的一些修饰属性。分析这个案例，不难发现表格第一行的文字有加粗的效果，如何实现这个效果呢？也许你会想到应用标签b来加粗td中的文本。其实html表格还有一个标签th，也可以达到这个效果，而且语义更强。th是tableheadercell的缩写，即表头单元格的意思，语法与td类似。需要用tr包起来，在浏览器中，th标签里面的文字加粗居中。回到编辑器，我们将第一行的td替换为th，然后保存。回到浏览器，刷新，表格的表头效果就实现了。接下来我们实现表格线条效果。绘制表格线条其实很简单，只需要给表格添加一个border属性即可，value是一个值，用来定义线条的粗细。回到编辑器，在表格标签上输入一个空格，然后写上等于引号的属性border，在引号里定义值1，保存。回到浏览器，刷新，表格的边框就实现了。仔细看看案例中的表格。它还具有自己的宽度和高度，使表格看起来更漂亮。给表格添加宽高，需要在table标签上继续添加一个width（读作[w?dθ]）属性，值为一个数字，定义表格的总宽度，然后添加一个height属性，该值也是一个数字，定义了表的总高度。回到编辑器，在table的border属性后面输入一个空格，定义一个width属性，设置宽度为500，再输入一个空格，定义一个height属性，设置height为150，保存。回到浏览器，刷新，表格有了自己的宽高，看起来漂亮多了。继续观察案例的效果。每个单元格之间没有间隙。在浏览器中按ctrl+A选择表格。不难发现，文字和单元格的左边框之间也有一个小小的空隙。这些差距如何取消呢？这就需要使用tabletag-specific，cellspacing和cellpadding两个表示间距的属性，cellspacing定义了单元格之间的距离，cellpadding定义了单元格边框和文本之间的距离。回到编辑器，继续给table标签添加一个属性cellspacing，设置值为0，保存回浏览器，刷新，单元格间距消失。返回编辑器，在cellspacing属性后的table标签中添加一个cellpadding属性，设置值为0再次返回浏览器，刷新，ctrl+A，文字显示在边距中，不再有间距.当然，如果你想增加单元格之间的间距或者单元格与文本之间的间距，只需调整spacing属性值即可。我们再观察一下案例的效果。该表位于浏览器的水平中心。这种效果是通过在表格中添加对齐属性来实现的。它的作用是定义表格在页面上的水平对齐方式。有三个值：left左对齐，centeraligncenter，right右对齐，回到编辑器，给表格添加align属性，设置值为center，保存回浏览器，刷新，表格就出来了居中对齐。如果想继续美化表格，还可以在表格中添加bgcolor属性修改表格的背景色，添加bordercolor属性修改表格边框的颜色。回到编辑器，在表格中添加等于quotesredred的bgcolor，添加等于quotesgreengreen的bordercolor，保存。回到浏览器，刷新，给表格添加红色背景和绿色边框。如果你想让表格更漂亮，期待后面学习CSS。文章配套视频链接
