第3章HTML常用标记2.pptVIP

表格应用场合 表格应用场合 表格的基本语法 如何创建表格 跨多列的表格 跨多行的表格 如何创建跨行跨列的表格 小结1 编写如下图所示效果对应的html代码 如何设置表格的尺寸和边框 如何设置背景 如何设置对其方式 为什么要使用填充属性 单元格里的内容太靠近边线，怎么办？ 什么是填充属性和间距属性 如何使用填充、间距属性 如何设置表格的填充属性 小结2 编写如下图所示效果对应的HTML代码 如何使用表格进行布局 如何使用表格进行布局 小结3 编写如下图所示效果对应的html代码 小结4 彩色表格框 综合案例 表格的综合使用 综合案例2 彩色表格 * * * Web系统设计 第三章 HTML常用标记2 本章知识点回顾 表格 表格嵌套 论坛 为什么使用表格 表格应用场合 门户新闻 购物网站 表格的基本结构 行 列 单元格 TABLE border=1 TR TD 单元格内容 /TD …… /TR …… /TABLE TABLE border=2 TR TD移动/TD TD联通/TD TD铁通/TD /TR TR TDIBM /TD TD惠普/TD TD华硕/TD /TR /TABLE 什么是跨行跨列的表格 下图中的表格哪里用了跨行？哪里用了跨列？跨了几行几列? 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 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 TABLE border=1 TR TD手机充值、IP卡 /TD TD colspan=2办公设备、文具/TD /TR TR TD rowspan=2各种卡的总汇/TD TD铅笔/TD TD彩笔/TD /TR TR TD打印/TD TD刻录/TD /TR /TABLE 什么是表格的美化修饰 根据理解,下面表格应该从哪些方面进行美化修饰？ 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 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 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 办公设备、文具、耗材/TD /TR TR bgcolor=#EBEFFF TD 惠普/TD TD 华硕/TD TD 打印机/TD TD 刻录盘/TD /TR /TABLE border(边框的厚度) 内容 内容 内容 内容 cellpadding (单元格填充) cellspacing (单元格间距) border(边框的厚度) cellpadd