html中表格设计.docxVIP

html中表格设计 　　篇一：html-5 表格的制作 　　教学项目五 HTML中表格的制作  　　【教学内容】  　　讲解HTML中制作表格的标志  　　【教学目的】  　　使学生掌握简单表格的制作  　　【教学重点】  　　表格中单元格的合并操作  　　【教学难点】  　　理解属性rowspan与colspan的含义  　　【教学方式】  　　案例分析式、项目教学  　　【教学参考】  　　1．HTML网页制作教程 材义语编著 铁道出版社  　　2、HTML基础与实例程耀编著 电子工业出版社  　　一、表格基本标志  　　(1)  　　(2)  　　(3)  　　(4)  　　用来创建一个表格框架  　　创建表格的一行  　　创建表格一行中的一个单元格  　　它们的对应关系如下:  　　  　　  　　第一行第一列  　　第一行第二列  　　第一行第三列  　　第一行第四列  　　  　　  　　  　　用于定义表格头  　　例1. 在网页中制作表格: 　　 　　  　　表格制作  　　  　　  　　表格例子  　　  　　  　　?  　　?  　　F  　　  　　  　　F  　　F  　　?  　　  　　  　　?  　　F  　　F  　　  　　  　　  　　  　　二、标志中配合使用的属性  　　1. border设置表格边框的宽度  　　2. bgcolor 设置表格背景颜色  　　3. background 设置表格背景图片  　　4. width 设置表格宽度  　　5. height设置表格高度  　　6. cellspacing 设置表格内框线宽度  　　7. cellpadding 设置表格内文字与表格边框线的间距  　　8. align 设置表格水平对齐方式  　　9. valign设置表格垂直对齐方式  　　 设置表格边框颜色  　　设置表格明亮边框颜色  　　 设置表格暗边框颜色  　　例二、制作乘法口诀表  　　  　　  　　表格制作  　　 　　 　　乘法口诀表  　　　　cellpadding=10 bordercolor=#ff0000 bordercolordark=#00ff00  　　  　　6×6=36  　　?  　　?  　　?  　　  　　  　　6×7=42  　　7×7=49  　　?  　　?  　　  　　  　　6×8=48  　　7×8=56  　　8×8=64  　　?  　　  　　  　　6×9=54  　　7×9=63  　　8×9=72  　　9×9=81  　　  　　  　　  　　  　　二、表格标题的设定  　　语法：  　　标题  　　说明：  　　valign=top 标题置于表格上方  　　valign=bottom 标题置于表格下方  　　align=left 居左 　　align=right居右 　　align=center 居中  　　三、表格(来自: 小龙 文档 网:html中表格设计)中单元格的合并  　　在或标志中加入属性colspan 和rowspan，可以实现单元格的合并 colspan: 指定单元格合并占用的列数  　　rowspan: 指定单元格合并占用的行数  　　例三：制作单元格合并的表格  　　  　　  　　  　　表格中单元格合并举例  　　  　　示例  　　  　　  　　1  　　?  　　?  　　?  　　  　　  　　? 　　篇二：一个简单的HTML网页制作表格的范例 　　一个简单的HTML网页制作表格的范例  　　本文档中的代码主要是介绍HTML中的表格，以及嵌套表格。  　　提示：嵌套表格最好不好超过三层，否则浏览器加载就会变慢  　　以hao123网址之家为蓝本  　　  　　  　　网址之家  　　  　　  　　  　　  　　  　　  　　  　　  　　帐号  　　  　　  　　邮箱  　　  　　  　　密码  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　  　　 　　生活服务 购物 彩票 查询 天气 　　 股票 基金 银行 旅游　　 房产 菜谱 汽车 地图