使用HTML形成表格.ppt

第6章表 格;在Dreamweaver?8中创建和操纵表格 ;使用布局单元格和表格; 使用表格可以清晰地显示列成表的数据，例如图6-1所示的是股票行情的数据列表。实际上表格的作用不只是显示数据，它还在网页定位上起着重要的作用。;图6-1 使用表格显示数据;6.1 使用HTML建立表格; “table”和“/table”标签的作用是定义一个表格，“tr”和“/tr”标签的作用是定义一行，而“td”和“/td”标签的作用是定义一个单元格。 ;6.1.1 一个最简单的表格; table border=1 tr td单元格1/td td单元格2/td /tr tr td单元格3/td td单元格4/td;/tr tr td单元格5/td td单元格6/td /tr /table /center /body /html;图6-2 表格;6.1.2 各种表格样式;【例6-2】 表格边框设置示例 html head title表格的边框属性/title /head body center table border=10 cellspacing=20 cellpadding=30图6-3 表格的边框属性 tr; td单元格1/td td单元格2/td /tr /table /center /body /html;图6-3 表格的边框属性;属 性 名;2．表格高宽的控制;【例6-3】 高度和宽度设置示例 html head title表格的长宽/title /head body center; table border=1 width=200 height=100 tr td课程/td td教室/td /tr tr td语文/td; td东楼1-1/td /tr /table /center /body /html;3．表格相关颜色的设置;【例6-4】 表格边框和背景颜色设置示例 html head title表格的颜色设置/title /head body center; table border=3 bordercolor=red bgcolor=yellow tr td课程/td td教室/td /tr tr; td语文/td td东楼1-1/td /tr tr td英语/td td西楼1-1/td; /tr /table /center /body /html;图6-4 表格的长宽;图6-5 表格的颜色设置;6.2 在Dreamweaver?8中创建和操纵表格;图6-6 控制整个表格的属性;图6-7 控制表格一列的属性;6.3 实践与练习：表格制作与使用;图6-8 “成绩单”基本表格效果;图6-9 输入表格标题文字;图6-10 “表格”对话框 ; 图6-11 设置表格 ;图6-12 生成的表格 ;图6-13 在单元格内输入数据;图6-14 设置单元格为“居中对齐” ;图6-15 “成绩单”基本表格效果 ;6.3.2 练习2：制作“旅游行程表”立体表格;图6-16 “旅游行程表”立体表格效果;图6-17 在新文档中输入表格标题;图6-18 “表格”对话框 ; 图6-19 生成的立体表格