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

下载本文档

33
0
约2.86千字
约 6页
2017-09-26 发布于重庆
举报
版权申诉

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

1、本文档共6页，可阅读全部内容。
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中制作表格的标志【教学目的】使学生掌握简单表格的制作【教学重点】表格中单元格的合并操作【教学难点】理解属性rowspan与colspan的含义【教学方式】案例分析式、项目教学【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著清华大学出版社 2．<<Internet 网页工场>> Wittime工作室重庆出版社 3．<<JavaScript从入门到精通>> 电脑报社出版 4．HTML网页制作教程材义语编著铁道出版社 5、HTML基础与实例程耀编著电子工业出版社【新课】表格基本标志 (1)<table></table> (2) <tr></tr> (3) <td></td> (4)<th></th> <table></table>用来创建一个表格框架 <tr></tr>创建表格的一行 <td></td>创建表格一行中的一个单元格它们的对应关系如下: <table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> <td>第一行第三列</td> <td>第一行第四列</td> </tr> </table> <th></th> 用于定义表格头在网页中制作表格: <HTML> <Head> <title>表格制作</title> </head> <body bgcolor=00eeff> <center>表格例子 <table border=1 width=300 align=center> <tr> <td> </td> <td> </td> <td>F</td> </tr> <tr> <td>F</td> <td>F</td> <td> </td> </tr> <tr> <td> </td> <td>F</td> <td>F</td> </tr> </table> </body> </html> 二、<table></table>标志中配合使用的属性 1. border 设置表格边框的宽度 bgcolor 设置表格背景颜色 3. background 设置表格背景图片 4. width 设置表格宽度 5. height 设置表格高度 6. cellspacing 设置表格内框线宽度 7. cellpadding 设置表格内文字与表格边框线的间距 8. align 设置表格水平对齐方式 9. valign 设置表格垂直对齐方式 10.bordercolor 设置表格边框颜色 11.bordercolorlight 设置表格明亮边框颜色 12.bordercolordark 设置表格暗边框颜色例二、制作乘法口诀表 <html> <Head> <title>表格制作</title> </head> <body background=17.gif> <center>乘法口诀表</center> <table border=2 align=center cellspacing=6 cellpadding=10 bordercolor=#ff0000 bordercolordark=#00ff00> <tr> <td>6×6=36</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>6×7=42</td> <td>7×7=49</td> <td> </td> <td> </td> </tr> <tr> <td>6×8=48</td> <td>7×8=56</td> <td>8×8=64</td> <td> </td> </tr> <tr> <td>6×9=54</td> <td>7×9=63</td> <td>8×9=72</td> <td>9×9=81</td> </tr> </table> </body> </html> 表格标题的设定语法： <caption valign=垂直对齐 align=水平对齐>标题</caption> 说明： valign=top 标题置于表格上方 valign=bottom 标题置于表格下方 align=left 居左 align=right 居右 al