第二章 表格与IV.pptVIP

第二章 表格与DIV 贺国平 本章内容 表格的基本内容 表格的复杂操作 表格的美化 DIV基础 表格与DIV的对比 为什么使用表格 表格的基本结构 表格的基本语法 如何创建表格 复杂表格的制作 跨多列的表格 跨多行的表格 完成下面表格的制作 什么是表格的美化修饰 设置表格的尺寸和边框 设置背景 设置对其方式 填充和间距属性 设置表格的填充与间距属性 编写下面的效果的代码 表格布局 DIV标签 表格与层布局的比较 最佳布局 总结 表格的基本元素 表格的跨行与跨列 表格的常用属性 DIV 忻州师院计算机系 表格应用场合 论坛 门户网站 购物网站 论坛中应用表格 门户网站应用表格 购物网站应用表格 行 列 单元格 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像 TABLE border=1 TR TD 单元格内容 /TD …… /TR …… /TABLE TABLE.../ TABLE 定义表格 TD…/TD 定义列 TR…/TR 定义行 border用来设置表格边框尺寸大小 TABLE border=2 TR TD移动/TD TD联通/TD TD铁通/TD /TR TR TDIBM /TD TD惠普/TD TD华硕/TD /TR /TABLE 跨3列 跨3行 如何制作下图的表格？ TABLE border=2 TR TD colspan=3学生成绩表/TD /TR TR TD 英语/TD TD 数学/TD TD 语文/TD /TR TR TD95/TD TD98/TD TD89/TD /TR /TABLE COLSPAN=“n” 属性表示跨多少列？ TABLE border=1 TR TD rowspan=“3” 早上菜谱 /TD TD 食物/TD TD 鸡蛋/TD /TR TR TD 饮料/TD TD 牛奶/TD /TR TR TD甜点/TD TD开心粉/TD /TR /TABLE rowspan =“n” 属性表示跨多少行？ 背景图片 背景色 表格的高度 表格的宽度 文字对 齐方式 根据理解,下面表格应该从哪些方面进行美化修饰？ TABLE width=“400” height=“200” border=“15” bordercolor=red TR TD colspan=4 品牌商城/TD /TR TR TD colspan=2 笔记本电脑/TD TD colspan=2 办公设备、文具、耗材/TD /TR TR TD 惠普/TD TD 华硕/TD TD 打印机/TD TD 刻录盘/TD /TR /TABLE width用来设置表格的宽度 height用来设置表格的高度 border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 TABLE background=“images/type_back.jpg” width=“360 height=120 border=2 TR TD colspan=6nbsp;/TD /TR TR bgcolor=#EBEFFF TD colspan=3 笔记本电脑/TD TD colspan=“3” bgcolor=yellow 办公设备、文具、耗材/TD /TR …… /TABLE background属性用来设置表格的背景图片 bgcolor属性用来设置表格、行、列的背景色。“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝 ，下图就是RGB颜色对照表 。 TABLE width=350 height=100 border=2 background=images/type_back.jpg TR TD colspan=4nbsp;/TD /TR TR bgcolor=#EBEFFF TD colspan=2 align=center 笔记本电脑/TD TD colspan=2 align=center 办公设备