教学项目十三HTML中表格的制作(二) 教学内容 讲解HML中制作表格嵌套、叠加及表格在网页设计中的应用 教学目的 使学生掌握表格嵌套及叠加操作 教学重点】 表格中嵌套操作及其应用 教学难点 理解表格嵌套实现的基本思想 教学方式 案例分析式、项目教学 【教学参考】 1.< JavaScript入门与提高〉杨浩著 清华大学出版社 2.<< Internet网页工场>> Wittle工作室重庆出版社 3.< JavaScript从入门到精通>> 电脑报社出版 4.HIML网页制作教程材义语编著铁道出版社 5、HML基础与实例程耀编著电子工业出版社
教学项目十三 HTML中表格的制作(二) 【教学内容】 讲解HTML中制作表格嵌套、叠加及表格在网页设计中的应用 【教学目的】 使学生掌握表格嵌套及叠加操作 【教学重点】 表格中嵌套操作及其应用 【教学难点】 理解表格嵌套实现的基本思想 【教学方式】 案例分析式、项目教学 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<Internet 网页工场>> Wittime工作室 重庆出版社 3．<<JavaScript从入门到精通>> 电脑报社出版 4．HTML网页制作教程 材义语编著 铁道出版社 5、HTML基础与实例 程耀编著 电子工业出版社
新课】 表格嵌套操作 例1:先设计如下表格: 表格制作-夏 icrosoft Internet Explorer 文件①)编辑①)查看Q收藏)工具)帮助Q ⊙园的户搜次收哈媒的自,是國,回当 地址)G: FrontPage\samp1.e161a1,htm 转到链接” 表格例子 的完毕 我的电脑 M,NMr回2断且,表格制作一、日?83
【新课】 一、表格嵌套操作 例1：先设计如下表格：
KHTML> <> < title>表格制作</ title K /head> <body bgcolor=0Oeeff> < center>表格例子 <table border=1 width=300 align=center) <tr> <td align=center>1</td> r <try <td height=60 align=center)2</td> K/tr> K /table> </body) </html
<HTML> <Head> <title>表格制作</title> </head> <body bgcolor=00eeff> <center>表格例子 <table border=1 width=300 align=center> <tr> <td align=center>1</td> </tr> <tr> <td height=60 align=center>2</td> </tr> </table> </body> </html>
例2:设计如下表格: 表格制作 Microsoft Internet Explorer 文件①)编辑)查看①收藏()工具①)帮助Q ⊙后退·国团的搜索次收藏夹的媒体份,國,回当 地址①)G:\ FrontPage\samp1161a2.htm 转到链接” 表格例子 D E 完毕 3我的电脑 「2Micx0ft 「cass13-M 强表格制作-Ma1-记事本 E 8:44 比较例1和例2的两个表格,可以看出,将例1中第二行中的单元格用 个表格来代替,就得到了例2中的表格。这就是实现表格嵌套的基本思想
例2：设计如下表格： 比较例1和例2 的两个表格，可以看出，将例1 中第二行中的单元格用一 个表格来代替，就得到了例2中的表格。这就是实现表格嵌套的基本思想
<Head> title>表格制作</ title> </head> Cbody bgcolor=o0eeff> < center>表格例子 <table border=l dth=300 align=center) <tr) <td align=center)1</td> <td> <table border=l width=100%> <td>A</td> <td colspan=2>B</td> </tr> <tr) <td>C</td> <td>D</td> <tdE</td> </tr) </table> </td> K/table) </body>
<HTML> <Head> <title>表格制作</title> </head> <body bgcolor=00eeff> <center>表格例子 <table border=1 width=300 align=center> <tr> <td align=center>1</td> </tr> <tr> <td> <table border=1 width=100%> <tr> <td>A</td> <td colspan=2>B</td> </tr> <tr> <td>C</td> <td>D</td> <td>E</td> </tr> </table> </td> </tr> </table> </body> </html>