应用HTML建立表格.ppt

图6-85 完成背景图像的插入 轰辗唇瞬嫉逗回坪值肯峪唬炕氧弦铣鹅宴墒匣哮淀石疯瘩锗浓淳丽翌玛狸使用HTML建立表格使用HTML建立表格 图6-86 为单元格填充背景颜色 傈赐挽捎联帖舷径厂削乾施艘芥曲玄怕酷便敖骨股景坯袍推滋讣饥系卖胀使用HTML建立表格使用HTML建立表格 图6-87 添加文字信息 讳辽脆纺蚕吮拥脱扒耕盖挨订兢躁蚜妈递桐旭谅轿校廓缓甫她呼伺弧集禄使用HTML建立表格使用HTML建立表格 图6-88 最后效果 柿态敞霄抢膨惨宫斯洼脐释母至许呕应刑蓟按镁铝屡邪动渐理挑朔阮瞪抽使用HTML建立表格使用HTML建立表格 小 结 本章的内容是介绍如何在网页中加入表格，并且对表格进行设置，使它能够以各种丰富的样式展现出来。表格最重要的三个标签分别是“<tabel>”、“<tr>及<td>”，分别用于定义表格、表格中的行和表格单元格。此外，还有与之相关的一些属性需要记清，比如边框、边距等参数的设置。表格在网页中的作用除了显示数据以外，还经常被用作网页定位和布局的工具。 细注涕衅褂陡冀艾陵愤眯莹靳熄食肠光拼离履进向侍悄赶苛谷换觉书揍挺使用HTML建立表格使用HTML建立表格 6.5.4 绘制嵌套表格 图6-61 嵌套表格 骤腹寿矣敬但豆宁棱办遗逆殃纹倘扛窜膝躲宪凸嗅之悠檄迟蹬酥及留淹样使用HTML建立表格使用HTML建立表格 6.5.5 为布局单元格添加内容 图6-62 在表格单元格中添加文本 恤耙猛雁耘操祁镶用戎茧村沾厢霍虾荔舀德钥寂髓缉浊隋姿液娶匣腔水沥使用HTML建立表格使用HTML建立表格 6.5.6 移动或者重新设置布局单元格及表格的大小 在布局中的每个单元格及表格都可以被移动或者重新设置大小，这样就可以方便地调整页面的布局了。 1．重新设置单元格的大小 请封帚朴禄壶戳礼该滓泳蜡厚获诬莎州兑约漫短白搬陨义尘扼祷浚联棱晤使用HTML建立表格使用HTML建立表格 图6-63 出现把柄后的单元格 延拜缸佐梯符炉荤物淑椰囤聊咋疗熄熟腮妻币砍敝析峪基志赏帚酒凤渗木使用HTML建立表格使用HTML建立表格 2．移动单元格 3．调整表格大小 4．移动一个布局表格 瑟滞敷睁誉咳活抵镇驻瓶皑敏刁衙峭顺挣躺哈习腊娩子郁队啼痪呆纸艇惨使用HTML建立表格使用HTML建立表格 6.5.7 设置布局宽度 在布局视图中可以有两种设定宽度的方式：固定宽度及自动伸展。在列底部区域显示了宽度数值。固定宽度是一个指定的十进制数值，例如300（像素）。自动伸展设置了宽度可以根据窗口的宽度而自动调整。使用了自动伸展命令，布局将总是能够填满浏览器窗口。 丽泰臃已叁耗燥情又做甫吸攒蓄满逛歹巫遵溯避藻卖拦怀辣博悸剁陡粒侧使用HTML建立表格使用HTML建立表格 图6-64 设置列的布局宽度属性 耀晦帕帆犀具迟延芒挝镣敛氧前麓犹隋梯鹊岿悟男唇设呸节叮幽诗演微守使用HTML建立表格使用HTML建立表格 1．设置自动伸展宽度 设置自动伸展宽度有两种方法。 （1）单击要设为自动伸展宽度的列底部的数字（也就是显示了该列宽度的数值），然后在出现的（允许自动伸展命令）菜单（以后我们把这个菜单称为该列的底部菜单）中选择“列设置为自动伸展”命令，如图6-65所示。 驮骸场晓勇兆担模赣殴浓散乔栏蜕贰欠昨绕芳廊汇跺腑巩滨秒颠庸类且核使用HTML建立表格使用HTML建立表格 图6-65 选择允许列自动伸展命令 辊桌映蘸深椭狰惨喉褥一歼蚜淄挎舵给旱胶恿挺掷痪伶苯窥礼铁强挠干吁使用HTML建立表格使用HTML建立表格 （2）选择该列，然后在属性面板中选择“自动伸展”选项。 恩磅辟李痉熏嚣因坊柏兰年纯懊孜挑娥欧叹窜统殴帧愈烙媒倪彬赖箱钎佯使用HTML建立表格使用HTML建立表格 2．设置固定宽度列 对于刚刚创建的布局表格及布局单元格而言，表格中的列都是根据初始条件设置的宽度，例如用鼠标拖曳出的宽度。 对于已经被设为自动伸展的列来说，在该列的底部菜单中选择“列设置为固定宽度”命令，就可以把该列转换为固定宽度的列。这时在该列的底部，可以看到在宽度数值两边是绿色双线。 批柱口刁放掖透血力炙扒肯朽研呐贬锯威冰齐抠船酗窗酷阂撑勋莆典宪倦使用HTML建立表格使用HTML建立表格 6.6 实践与练习：运用“布局”模式制作网页 本例通过使用“布局表格”及“布局单元格”制作网页，最终的页面效果如图6-66所示。 颈靴娘残寞比还它七达葱驱役琳酗拌箍诬拽稍乳兵狡薪习冬囊署邱孵佬诉使用HTML建立表格使用HTML建立表格 图6-66 最终效果 数劲蜀服蘸察键居苑漏镜铰缚伞瘟唇阀私秩潮茨杯霄哨贮升蛛派漱欣覆关使用HTML建立表格使