html-5 表格的制作.doc_第1页
html-5 表格的制作.doc_第2页
html-5 表格的制作.doc_第3页
html-5 表格的制作.doc_第4页
html-5 表格的制作.doc_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

计算机科学与技术系理论课教案网页设计 教学项目五 HTML中表格的制作【教学内容】讲解HTML中制作表格的标志【教学目的】使学生掌握简单表格的制作【教学重点】 表格中单元格的合并操作【教学难点】 理解属性rowspan与colspan的含义【教学方式】案例分析式、项目教学【教学参考】1HTML网页制作教程 材义语编著 铁道出版社2、HTML基础与实例 程耀编著 电子工业出版社一、 表格基本标志(1)(2) (3) (4)用来创建一个表格框架创建表格的一行创建表格一行中的一个单元格它们的对应关系如下:第一行第一列第一行第二列第一行第三列第一行第四列用于定义表格头例1. 在网页中制作表格:表格制作表格例子  FFF  FF二、标志中配合使用的属性1. border 设置表格边框的宽度2. bgcolor 设置表格背景颜色3. background 设置表格背景图片4. width 设置表格宽度5. height 设置表格高度6. cellspacing 设置表格内框线宽度7. cellpadding 设置表格内文字与表格边框线的间距8. align 设置表格水平对齐方式 9. valign 设置表格垂直对齐方式10.bordercolor 设置表格边框颜色11.bordercolorlight 设置表格明亮边框颜色12.bordercolordark 设置表格暗边框颜色例二、制作乘法口诀表表格制作乘法口诀表6×6=36   6×7=427×7=49  6×8=487×8=568×8=64 6×9=547×9=638×9=729×9=81二、 表格标题的设定语法:标题说明:valign=top 标题置于表格上方valign=bottom 标题置于表格下方align=left 居左align=right 居右align=center 居中三、 表格中单元格的合并在或标志中加入属性colspan 和rowspan,可以实现单元格的合并colspan: 指定单元格合并占用的列数rowspan: 指定单元格合并占用的行数例三:制作单元格合并的表格表格中单元格合并举例示例1    2    3  制表日期:03/12/02【课后小结】 本次课介绍了

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论