《第二章表格与div》由会员分享，可在线阅读，更多相关《第二章表格与div（22页珍藏版）》请在金锄头文库上搜索。
1、10/17/2018,忻州师院计算机系,第二章 表格与DIV,贺国平,10/17/2018,本章内容,表格的基本内容表格的复杂操作表格的美化DIV基础表格与DIV的对比,10/17/2018,为什么使用表格,表格应用场合 论坛 门户网站 购物网站,论坛中应用表格,门户网站应用表格,购物网站应用表格,10/17/2018,表格的基本结构,行,列,单元格,在 HTML 文档中，广泛使用表格来存放网页上的文本和图像,10/17/2018,表格的基本语法,单元格内容,border用来设置表格边框尺寸大小,10/17/2018,如何创建表格,移动联通铁通IBM 惠普华硕,10/17/2018,复杂表格的
2、制作,跨3列,跨3行,如何制作下图的表格？,10/17/2018,跨多列的表格,学生成绩表英语数学语文959889,COLSPAN=“n” 属性表示跨多少列？,10/17/2018,跨多行的表格,早上菜谱 食物鸡蛋饮料牛奶甜点开心粉,rowspan =“n” 属性表示跨多少行？,10/17/2018,完成下面表格的制作,10/17/2018,什么是表格的美化修饰,根据理解,下面表格应该从哪些方面进行美化修饰？,10/17/2018,设置表格的尺寸和边框,品牌商城笔记本电脑办公设备、文具、耗材惠普华硕打印机刻录盘,width用来设置表格的宽度 height用来设置表格的高度,border用来设置
3、表格边框尺寸大小,bordercolor用来设置表格边框颜色,10/17/2018,设置背景,笔记本电脑办公设备、文具、耗材 ,background属性用来设置表格的背景图片,bgcolor属性用来设置表格、行、列的背景色。“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝 ，下图就是RGB颜色对照表 。,10/17/2018,设置对其方式,笔记本电脑办公设备、文具、耗材惠普华硕打印机刻录盘,align属性用来设置表格、行、列的对齐方式,10/17/2018,填充和间距属性,border(边框的厚度),cellpadding (单元格填充),cellspacing (单元格间距)
4、,10/17/2018,设置表格的填充与间距属性,笔记本电脑办公设备、文具、耗材. ,cellspacing属性用来设置表格内框宽度 cellpadding属性用来设置表格内填充距离,填充之后的效果,10/17/2018,编写下面的效果的代码,表格的高度、宽度、背景图像、边框和填充属性,行的背景色,单元格居中对齐,10/17/2018,表格布局,如何制作以下的界面？,10/17/2018,DIV标签, 可定义文档中的分区或节（division/section）。标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。,用Dreamweaver绘制如下图所示的3个层，并为每个层设置不同颜色,10/17/2018,表格与层布局的比较,10/17/2018,最佳布局,表格,使用DIVTABLE，整体布局用DIV，每个块的内容用表格,10/17/2018,总结,表格的基本元素表格的跨行与跨列表格的常用属性DIV,
