DHTML2-表格层与样式表.ppt
《DHTML2-表格层与样式表.ppt》由会员分享,可在线阅读,更多相关《DHTML2-表格层与样式表.ppt(36页珍藏版)》请在三一文库上搜索。
1、表格、层与样式表,回顾,什么是Web服务器?Web服务器的作用?常见的Web服务器有哪些? 什么是Browser?Browser的作用?常见的Browser有哪些? Browser如何与Web Server通信? Request与Response的结构? 简述HTML页面的结构? 简述HTML中的几个重点meta标记? 简述HTML中的转义字符?,本讲内容,表(Table) 层(div) 样式表,表格,行,列,列标题,在 HTML 文档中,广泛使用表格来存放网页上的文本和图像,单元格,与表相关的标记, 使用表格 姓名 性别 分数 robert m 80 . ,创建表格,代表表格的开始,bord
2、er=2表示边框尺寸为2,表示行,这是表格的第一行,有三列数据,代表列,表格的第二行,有三列数据,表格的第三行,也有三列数据,增加单元间隔和单元填充,cellspacing 属性定义单元格之间的间距(以像素为单位)。cellpadding 属性定义表的单元格边界与单元格内容之间的间距 (以像素为单位) 。 ,单元格中数据的对齐方式,Align = left Align = center Align = right, 学员档案信息 姓名 性别 分数 robert m 80 . ,表格的标题,表示表格标题,表示行或列标题,粗体显示,表格的第二行,有三列数据,表格的第三行,有三列数据, 学员档案信息
3、 姓名 性别 分数 robert m 80 . ,表格的对齐方式,整个表格居中,姓名列默认左对齐,性别列居中,分数列右对齐,合并单元格(跨列), 创建表格 第一学期 第二学期 数学 科学 英语 数学 科学 英语 98 95 80 95 87 88 ,COLSPAN=“n” 属性表示跨多少列,合并单元格(跨行), 创建表格 螺母 螺栓 锤子 第一季度 一月 2500 1000 1240 二月 3000 2500 4000 .,ROWSPAN=“n” 属性表示跨多少行, 学员档案信息 姓名 性别 分数 robert m 80 mary f 18 ,表格的背景色和尺寸设置,表格的颜色设置: 表格的背
4、景色 行的背景色 列的背景色 颜色值可以采用 RGB(red/green/blue)红绿蓝十六进制值表示,如红色#FF0000, 或是一些预定义色彩名称:red ,blue,yellow等。,表格的尺寸设置: 例如: 表示一个长为200像素,宽为100像素的表格。 表示一个宽为窗口的20%,高为窗口的10%的表格。,层简介,使用多个层,可以将一个层放到另一个层的上面或下面。 Z 顺序决定元素的显示顺序。 层就像一个包含内容的框架,可以将它放置在所需的位置。,使用层,在Web页中插入层时,可以使用两种标记进行设置:div,span,使用层示例:, 图3.11:示例10的输出结果 将元素分组 第一
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DHTML2 表格 样式
链接地址:https://www.31doc.com/p-2201102.html