第6讲：插入表格 中小型网站建设与管理 教学课件.pptVIP

中小型网站建设与管理 第6讲：插入表格 吴纯 一、表格标签 table 表格首标签，表格的开始 tr 行首标签，行开始 td单元格1/td 单元格标签 td单元格2/td 单元格标签 /tr 行尾标签，行结束 tr 行首标签，行开始 td单元格3/td 单元格标签 td单元格4/td 单元格标签 /tr 行尾标签，行结束 /table 表格尾标签，表格的结束 注意事项 table、tr、td这三对标签不能单独使用。一个表格，就算是一行二列的表格，也必须同时包含这三对标签。 table tr td单元格1/td td单元格2/td /tr /table 二、表格的属性 table border=1 bordercolor=#FF0000 cellspacing=0 cellpadding=0 width=500 height=300 align=center border=1 表格的边框 bordercolor=#FF0000 表格的边框颜色 bgcolor=#c0c0c0 表格的背景颜色 cellSpacing=5 单元格之间的距离 cellPadding=10 单元格文字与边框的距离 width=500 表格的宽度 height=1 00 表格的高度 align=center 表格在页面中的左右对齐方式 三、单元格的属性 每一对td/td，就是一个单元格。我们可以对任一单元格指定属性。 td width=30% align=left单元格1/td td width=70% align=center单元格2/td 对整个表格设定宽度时，一般设为像素 table width=700 对某一单元格设定宽度时，可以设为像素，也可设为百分比。 td width=70% 四、单元格的合并 表格有多少行，我们就数tr/tr的数量；表格有多少列，我们就数td/td的数量，以最大的数为准。 使用td colspan=x，合并某一行的单元格 使用td rowspan=x，合并某一列的单元格 合并某一行或某一列的单元格 实例1 实例2 写出下面表格的源代码（宽度为500，高度为300，边框为2，红色） * * 要求： 使用表格，使用文字和图片实现如图效果。 提示： 表格一行两列、边框为0，左单元格放文字，右单元格放图片。 *