【网页设计教案】HTML中表格的制作二.docVIP

下载本文档

25
0
约2.74千字
约 7页
2017-09-26 发布于重庆
举报
版权申诉

【网页设计教案】HTML中表格的制作二.doc

1、本文档共7页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

教学项目十三 HTML中表格的制作(二) 【教学内容】讲解HTML中制作表格嵌套、叠加及表格在网页设计中的应用【教学目的】使学生掌握表格嵌套及叠加操作【教学重点】表格中嵌套操作及其应用【教学难点】理解表格嵌套实现的基本思想【教学方式】案例分析式、项目教学【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著清华大学出版社 2．<<Internet 网页工场>> Wittime工作室重庆出版社 3．<<JavaScript从入门到精通>> 电脑报社出版 4．HTML网页制作教程材义语编著铁道出版社 5、HTML基础与实例程耀编著电子工业出版社【新课】表格嵌套操作例1：先设计如下表格： <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：设计如下表格：比较例1和例2 的两个表格，可以看出，将例1 中第二行中的单元格用一个表格来代替，就得到了例2中的表格。这就是实现表格嵌套的基本思想。 <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> 表格应用举例例3．设计如下表格： <HTML> <Head> <title>表格制作</title> </head> <body bgcolor=ff00ee> <center><font face=隶书 color=yellow size=5>表格嵌套</font></center> <table border=1 width=600 align=center> <tr> <td rowspan=2 width=30%>2</td> <td> <table border=1 width=100%> <tr> <td>a</td> <td rowspan=2>b</td> <td>c</td> </tr> <tr> <td>d</td> <td>e</td> </tr> <tr> <td>f</td> <td>g</td> <td>h</td> <tr> </table> </td> </tr> <tr> <td>6</td> </tr> </table> </body> </html> 例4．设计课程表 <html> <body bgcolor=#00ffee> <table border="1" background=17.gif align=center> <caption valign=top align=center>课程表</caption> <tr> <td> </td> <td>星期一</td> <td>星期二</td> <td>星期三</td> <td>星期四</td> <td>星期五</td> <tr> <td>1--2节</td> <td>ASP</td> <td>英语</td> <td>VB</td> <td>法律基础</td> <td>SQL</td> <tr> <td>3--4节</td> <td>sql</td> <td>FLASH</td> <td>ASP</td> <td>英语</td> <td>FLASH</td> <tr> <td>5--6节</td> <td>实训</td> <td>实训</td> <td> </td> <td>实训</td> <td>实训</td> <caption valign=bottom align=right>制表时间 2月3日 </table> <