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