欢迎来到天天文库
浏览记录
ID:36912224
大小:8.95 MB
页数:92页
时间:2019-05-10
《《表格框架表单》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、页面布局和数据提交本节课程目标表格使用表格的基本结构实现简单表格使用表格相关标签实现跨行、跨列的复杂表格使用表格相关设置进行美化修饰框架会使用框架结构实现多窗口展示页面表单使用表单的基本结构制作表单页面使用各种表单元素实现注册页面理解post和get两种提交方式的区别Dreamweaver工具的使用本节考核目标使用表格进行布局制作包含表单控件的网页会使用框架结构实现多窗口展示页面会使用表单的基本结构制作表单页面布局标记-表格会使用表格的基本结构实现简单表格会使用表格相关标签实现跨行、跨列的复杂表格会使用表格相关设置进行美化修饰为什么使用表格表格应用场合论坛门户网站购物网站论坛中应用表格门
2、户网站应用表格购物网站应用表格HTML表格行列表头/列标题在HTML文档中使用表格来存放网页上的文本和图像,控制网页布局。单元格表格基本结构边框HTML表格属性含义width/height表格的宽度/高度border/bordercolor表格的边距/边距颜色align表格的对齐方式bgcolor/background表格的背景颜色/背景图片colspan/rowspan跨多列合并/跨多行合并cellspacing/cellpadding单元格间距/单元格边距表格常用的属性表格的基本语法单元格内容…………3、>...定义表格…定义单元格…定义行border用来设置表格边框尺寸大小如何创建表格移动联通铁通IBM惠普华硕查看源代码什么是跨行跨列的表格跨3列跨3行下图中的表格哪里用了跨行?哪里用了跨列?跨了几行几列?跨多列的表格学生成绩表4、>英语数学语文959889COLSPAN=“n”属性表示跨多少列?查看源代码跨多行的表格早上菜谱食物鸡蛋饮料牛奶甜点开心粉rowspan=“n”属性表示跨多少行?查看源代码5、"1">手机充值、IP卡办公设备、文具各种卡的总汇铅笔彩笔打印刻录如何创建跨行跨列的表格查看源代码表格示例小结1编写如下图所示效果对应的html代码第一行第一个格子跨了2行此格子跨了3列练习答案练习代码什么是表格的美化修饰背景图片背景色表格的高度表格的宽度文字对齐方式根据理解,下面表格应该从哪些方面进行美化修饰?如何设置表格的尺寸和边框6、dth=“400”height=“200”border=“15”bordercolor="red">品牌商城笔记本电脑办公设备、文具、耗材惠普华硕打印机刻录盘width用来设置表格的宽度height用来设置表格的高度border用来设置表格边框尺寸大小bordercolor用来设置表格边框颜色查看源代码如何设置背景7、ckground=“images/type_back.jpg”width=“360"height="120"border="2"> 笔记本电脑办公设备、文具、耗材……background属
3、>
4、>英语
5、"1">
6、dth=“400”height=“200”border=“15”bordercolor="red">
7、ckground=“images/type_back.jpg”width=“360"height="120"border="2">
此文档下载收益归作者所有