网页制作——表格.pptVIP

创建表格 * 一、表格相关知识 1、表格的组成元素：行、列、单元格 2、表格的相关属性及操作：宽度、高度、行高、列宽、边框粗细、边框颜色、背影图片、背景颜色、间距、填充、表格对齐方式、合并单元格、单元格内容对齐方式等。 3、表格功能：页面布局 4、表格的单元格可放入数据有那些？ 文本、图像、超链接、表格等。 * 格式： table border caption表格标题/caption tr td单元格内容/td td单元格内容/td ... tr td单元格内容/td td单元格内容/td ... /tr ... /table 二、创建表格 在HTML中创建一个普通的表格应包括以下标记。 table.../table caption.../caption tr.../tr td.../td和th.../th table.../table 用于定义表格的开始和结束。在table标记中的border用于设置表格边框的粗细，单位为像素。border属性不指定其取值时默认为1，省略border属性或指定border属性取值为0时，表示不显示表格边框。 2.caption.../caption 可省略，指定时用于定义表格的标题。默认位于表格上方居中位置。 * 二、创建表格 格式： table border caption表格标题/caption tr td单元格内容/td td单元格内容/td ... tr td单元格内容/td td单元格内容/td ... /tr ... /table 3.tr.../tr 用于定义表格的行，对于每一个表格行，都对应一个tr即表格有多少行就应有几对tr.../tr。 4.td.../td和th.../th 在表格中的每个单元格，都对应一个td标记或者th标记，td.../td和th.../th都必须放在tr.../tr之中用于标记表格的内容，其中可以包括文字、图像、超链接和表格等。一般情况下一个表格各行有多少列就应有几对td.../td和th.../th。td和th的功能和用法几乎完全相同（可以混合使用，但效果略有不同)，唯一不同之处在于td表示普通表格数据，而th表示表可和行列标数据，其内容以粗体居中方式显示。 * 三、例题讲解 在网页上输出以下表格: * 四、作业： 五、知识拓展：思考完成以下作业 提示table标记的相关属性及功能如下： 属性 功能 width 改变表格的宽度 height 改变表格的高度 align 设置表格在页面的水平对齐方式 bgcolor 设置表格的背景颜色 bordercolor 设置表格边框颜色 border 设置表格边框线粗细 谢 谢!