第四章 表格与框架.pptVIP

第四章表格与框架第1页，共19页，星期日，2025年，2月5日教学目标能阐述表格的作用能对表格进行操作能区分表格和div的功能及选择合适的对象操作能制作常用的框架页面第2页，共19页，星期日，2025年，2月5日教学重难点分析重点对表格的操作对框架的应用难点表格的应用与div的区别第3页，共19页，星期日，2025年，2月5日一、表格表格的功能存放数据，就相当于一个二维表。与div的区别：Div用来进行大面积的网页布局，而表格用来存放数据，通常建立好表格后，就不能轻易地改动结构，也不灵活。第4页，共19页，星期日，2025年，2月5日表格的语法结构tablewidth=600border=0cellspacing=0cellpadding=0trthscope=colnbsp;/th……/trtrtdnbsp;/td……/tr/tabletable是表格的标记，表格是由行和列组成，tr代表行，td代表列，th代表标题。第5页，共19页，星期日，2025年，2月5日表格的常用属性区别border、cellpadding、cellspacing分别表示的含义:border:表格边框的粗细,具有一定的立体感cellspacing:划表格的线的粗细.cellpadding:单元格中的字与单元格边框的距离.HTMLbordercellspacingcellpadding第6页，共19页，星期日，2025年，2月5日表格的拆分rowspan=“数值“表示合并了多少行，比如数值为3，代表合并了3行。colspan=“数值“表示合并了多少列，比如数值为3，代表合并了3列。第7页，共19页，星期日，2025年，2月5日背景颜色使用bgcolor属性设置单元格的背景颜色.bgcolor=#,#是16进制的6位数,格式为rrggbb,分别表示红、绿、蓝三色的分量,或者是16种已经定义好的颜色名称.什么是16进制?二进制:0和1组成十进制:由0到9共10位数组成.十六进制:由0到9再加上A到F组成在颜色中,#000000表示黑色,#FFFFFF表示白色.什么是RGB?白光可以解析为红、橙、黄、绿、蓝、靛、紫,我们把其中的红、绿、蓝当作三基色,因为他们的混合可以产生其他的颜色.红色用red表示,绿用green表示,蓝用blue表示,所以就有RGB表示三基色.第8页，共19页，星期日，2025年，2月5日表格可以设置背景颜色和背景图片利用background-color和background属性第9页，共19页，星期日，2025年，2月5日表格文本的对齐在水平方向上，文本的对齐用align=#表示，#可以为left（左对齐）、right（右对齐）、center（居中对齐）三者之一。在垂直方向上，文本的对齐用valign=#表示，#是top（顶端对齐）、middle（文本中线与表格中线对齐）、bottom（底端对齐）、baseline（文本基线与表格中线对齐）四者之一。第10页，共19页，星期日，2025年，2月5日利用表格的拆分、背景、对齐、边框等属性制作课程表。第11页，共19页，星期日，2025年，2月5日表格与div布局的对比案例相册.html第12页，共19页，星期日，2025年，2月5日表格的缺点死板、不灵活、不易改动布局、样式设置单一、代码复杂，不够简洁。所以，表格一般不用来网页布局，而是在网页内部作为数据展示的工具。一旦做好后，不易修改。第13页，共19页，星期日，2025年，2月5日7.使用框架基本结构framesetframesrc=“URL”framesrc=“URL”……/framesetnoframes浏览器不支持框架/noframes第14页，共19页，星期日，2025年，2月5日