第4章节 表格的使用.ppt

网页设计基础 4.1 建立表格 建立表格主要用到四个标签：table, tr, th,td。 table和/table标签为表格标签，主要来定义一个表格元素。 tr和/tr为行标签，定义表格的一行。 th和/th为表头标签，定义表格内的表头单元格。 td和/td为单元格标签，用于定义表格的单元格。 html head title建立表格/title /head body center font size=5 color=blue学生信息表/font table border=1 tr th序号/thth姓名/thth年龄/th th性别/thth所学专业/th /tr tr td1/tdtd张力/tdtd18/tdtd男 /tdtd计算机应用技术/td/tr tr td2/tdtd陈新/tdtd17/tdtd男 /tdtd图形图像制作/td/tr tr td3/tdtd李晓莉/tdtd17/tdtd 女/tdtd计算机网络安全/td/tr tr td4/tdtd蒋姚/tdtd17/tdtd女 /tdtd图形图像制作/td/tr /table/center/body/html 4.2 表格修饰 1、 table标签属性 2、表格标题 语法： caption align=参数值 valign=参数值表格标题/caption 3、tr标签的属性值 height（高）, align, valign（垂直对齐方式） , bordercolor,bgcolor 4、 td标签的属性值 width , height , colspan（横向合并单元格） , rowspan（纵向合并） , align , valign , bgcolor , bordercolor , background 跨多列 th colspan=值 或 td colspan=值 跨多行 th rowspan=值 或 td rowspan=值 html headtitle表格实例/title/head body center table width=500 height=300 border=1 cellspacing=0 align=center bgcolor=lightgreen bordercolor=tan tr align=center td 第一列第一栏 /td td colspan=2 第一列之第二栏及第三栏/td /tr tr align=center td rowspan=“2” 第二列及第三列之第 一栏 /td td 第二列第二栏 /td td 第二列第三栏 /td /tr tr align=center td 第三列第二栏 /td td 第三列第三栏 /td /tr /table /center /body /html 本章主要介绍了表格的建立，表格、行和单元格的控制，介绍了表格背景及相关属性的一些设置。本章知识在网页设计基础中占重要地位，需重点掌握。 第四章 表格的使用 本章要点 建立表格 单元格控制 表格修饰 行的控制 简单表格实例 程序代码 背景图片 background 表格间距 cellspacing 表格边距 cellpadding 背景颜色 bgcolor 对齐方式 align 高度 height 宽度 width 边框 Border 描述 属性 合并单元格实例 程序代码 4.3表格练习 本章小结 思考题 (1)如何创建一个表格？ (2)如何设置表格的尺寸和对齐方式？ (3)如何设置表格的标题? (4)如何设置单元格的大小和内容对齐方式？ (5)如何设置表格的单元格合并？ 第四章 表格的使用