网页制作-03-tb

网页制作-03-tb

ID:33925017

大小:1.19 MB

页数:29页

时间:2019-02-28

网页制作-03-tb_第1页
网页制作-03-tb_第2页
网页制作-03-tb_第3页
网页制作-03-tb_第4页
网页制作-03-tb_第5页
资源描述:

《网页制作-03-tb》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、南京航空航天大学第第33章章表格基础表格基础谢金国:xjgcs@nuaa.edu.cnSep.11,2008回顾回顾南京航空航天大学•使用Dreamweaver如何实现插入文本和图像?•使用Dreamweaver如何实现插入链接和列表?•使用Dreamweaver在网页中如何插入Flash?2预习检查预习检查南京航空航天大学•请叙述表格是由哪两部分组成?•创建一个表格必须需要哪些标签?3本章任务本章任务南京航空航天大学•制作“宝贝分类”页面•制作“公告栏”页面4本章目标本章目标南京航空航天大学•会使用表格的基本结构实现简单表格

2、•会使用表格相关标签实现跨行、跨列的复杂表格•会使用表格相关设置进行美化修饰5为什么使用表格为什么使用表格南京航空航天大学论坛中应用论坛中应用门户网站门户网站•表格应用场合表格表格应用表格应用表格•论坛•门户网站•购物网站购物网站购物网站应用表格应用表格6表格的基本结构表格的基本结构南京航空航天大学列单元格行在在HTML文档中,广泛使用表格来存放网页上的文本和图像HTML文档中,广泛使用表格来存放网页上的文本和图像7表格的基本语法表格的基本语法南京航空航天大学borderborder用来设置表用来设置表格边框尺寸大小格边框尺寸

3、大小单元格内容……定义列定义列……

...
...……定义行定义行
定义表格定义表格……8如何创建表格如何创建表格南京航空航天大学查看源代码移动联通铁通IBM惠普

4、华硕9什么是跨行跨列的表格什么是跨行跨列的表格南京航空航天大学•下图中的表格哪里用了跨行?哪里用了跨列?跨了几行几列?跨跨33列列跨跨33行行10跨多列的表格跨多列的表格南京航空航天大学查看源代码COLSPAN=“n”COLSPAN=“n”属性表示跨多少列?属性表示跨多少列?学生成绩表英语数学语文95

5、D>988911跨多行的表格跨多行的表格南京航空航天大学查看源代码rowspan=“n”rowspan=“n”属性表示跨多少行?属性表示跨多少行?早上菜谱食物鸡蛋饮料牛奶甜点开心粉12如何创建跨行跨列的表格如何创建跨行跨列的表

6、格南京航空航天大学查看源代码手机充值、IP卡办公设备、文具各种卡的总汇铅笔彩笔打印刻录13小结小结11南京航空航天大学编写如下图所示效果对应的html代码第一行第一个第一行第一个格子跨了格子跨了22行行此格子此格子跨了跨了33列列练习代码练习答案14什么是表

7、格的美化修饰什么是表格的美化修饰南京航空航天大学•根据理解,下面表格应该从哪些方面进行美化修饰?背景图片背景色表格的高度文字对齐方式表格的宽度表格的宽度15如何设置表格的尺寸和边框如何设置表格的尺寸和边框南京航空航天大学widthwidth用来设置表格的宽度用来设置表格的宽度borderborder用来设置表用来设置表查看源代码heightheight用来设置表格的高度用来设置表格的高度格边框尺寸大小格边框尺寸大小

8、>品牌商城bordercolorbordercolor用来设用来设置表格边框颜色置表格边框颜色笔记本电脑办公设备、文具、耗材

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。