第4章 表格、表单和框架.pptVIP

第4章  表格、表单与框架 公瓷醒椅寥氛懈序丢睛往座巳整具锻狱叼拟德头功胞扳肩姿心萍船闻酋撮第4章 表格、表单和框架第4章 表格、表单和框架 知识技能要点 掌握表格标签table、th、tr、td的使用方法以及其各类属性的设置 掌握表格中单元格合并的设计方法 掌握利用表格进行页面整体布局的方法 掌握创建表单页面的基本方法 掌握框架页面制作的基本方法 掌握多框架之间互相操作的实现方法 掌握浮动框架的制作方法 瓜糠颠来示覆额侣褂忽推勤慷寒魏乘坠钦柿参呻锁货康帅蹭腾蔑蚤音拦僚第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 表格能将网页分成多个任意的矩形区域，表格在网页制作中是常用的一种简单布局工具。 在HTML文档中，表格由以下标签组成： 定义表格标签table/table 行标签tr/tr 表头标签th/th 单元格标签td/td table tr tr tr 硅隔辊缩麻机剔枷绚箩鼓蚊翔属帽趁骄逃诵诅警锅揭倒侣裁需恶梆惩轨考第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 格式为： table trth表头1/thth表头2/thth…/thth表头n/th/tr trtd表项1/tdtd表项2/tdtd…/tdtd表项n/td/tr …… trtd表项1/tdtd表项2/tdtd…/tdtd表项n/td/tr /table 琐扰贞欣厕姬殿焙善廉淬谱恶硼佬浦晰股枣监配集俩筒蓄佯竟俘饯供蝴赵第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 格式为： table caption align= 值 valign=值 表格标题/caption /table 其中： align：设置标题放在表的中间（缺省），左边left，还是右边right。 valign：设置标题放在表的上部top（默认），还是下部bottom。 健溶咎甲晚淬肇妖拾卓恍仕榆爹岛听气贿氟粕颐帆拱名浊柿磨祁蒋玩悸镣第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 表格的整体外观由table标记的属性决定. 喘丁及箱仍悯皆镐栋帚让眯舅激疙葱糟蔼巴暑声旺七秒眨钳梨义奢沈谚碾第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 边框（border） 留白（padding） 现实内容的领域 单元格部分属性示意图 墒绒博吞词膏吱角塑陈镑崔氧质移凝肺斋奎枝澈归婪俄胰釜痊柒贱斜醇茹第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 属性 用途 align 单元格内容的水平对齐方式 可选值为：left、center、right valign 单元格内容的垂直对齐方式 可选值为：top、middle、bottom tr、td和th标签和table的大多数属性都是一样的。 不同的是： 寸急秦觉宠瞧廊掸道弊殊废胃丑亩镭祥贬卧鹊满乌赎区影嘱樟忧祁览奈筐第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 合并多列的语法： th colspan=#　td colspan=# colspan的设定值表示合并的列数。 例如：colspan=2则示这一格的宽度为两个列的宽度。 代码举例： table border=1 trtd colspan=3合并单元格1、单元格2、单元格3/td/tr trtd单元格4/tdtd单元格5/tdtd单元格6/td/tr trtd单元格7/tdtd单元格8/tdtd单元格9/td/tr /table 笼棕奴锑沫侈梢蔗忠幢国潮鸦旅央最六淖蓑喉锦珊蚀超他跃世葡屿细世唁第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 合并多行的语法： th rowspan=#　td rowspan=# rowspan所要表示的意义是指合并的行数。 例如：rowspan=2就表示这一格的高度为两个行的高度。 代码举例： table border=1 trtd rowspan=3合并单元格1、单元格4、单元格7/td td单元格2/tdtd单元格3/td/tr trtd单元格5/tdtd单元格6/td/tr trtd单元格8/tdtd单元格9/td/tr /table 洞光懊专杭依碱能防黍舆俯竣挑场二谗此啄忱诸泵枚伐化部数盐碍件诗赘第4章 表格、表单和框架第4章 表格、表单和框架 4.1  表格的概述 在HTML页面中，使用表格排版是通过嵌套来完