返回
网页前端技术王敏杰 模块一 任务五

网页前端技术王敏杰 模块一 任务五

ID：40338720

大小：1.59 MB

页数：38页

时间：2019-07-31

网页前端技术王敏杰 模块一 任务五_第1页
网页前端技术王敏杰 模块一 任务五_第2页
网页前端技术王敏杰 模块一 任务五_第3页
网页前端技术王敏杰 模块一 任务五_第4页
网页前端技术王敏杰 模块一 任务五_第5页
资源描述：

《网页前端技术王敏杰 模块一 任务五》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、①模块一HTML语言HTML任务五学会使用表格案例分解案例资讯制作成绩表制作课程表用表格进行复杂网页的布局表格概述表格的标题与表头单元格的合并表格嵌套教学目的:会使用表格的基本结构实现简单表格会使用表格相关标签实现跨行、跨列的复杂表格会使用表格相关设置进行美化修饰教学重点：表格的基本结构教学难点：如何创建跨多行跨多列的表格案例一制作成绩表简单的表格的制作。案例资讯在HTML语言中，表格至少由

标签，标签和标签：定义表格行，由单元格构成
标签这3对标签组成。…
标签中间将包

2、括所有表格元素，表格元素主要有行、列、单元格等。一、表格概述表格的基本结构表格是由指定数目的行和列组成的行列单元格。表格的布局1、表格语法

…
用于标志表格的开始和结束包含表名和表格本身内容
标签：定义表格行里的若干表格，表示列，嵌套使用有一个常用属性border，值为0不显示边框。2、表格属性标记属性：align：设置表格与页面对齐方式，取值有left、center和rightbackground：设置表格的背

3、景图像。bgcolor:：设置表格的背景颜色。width：设置表格的宽度，单位默认为像素，也可以使用百分比形式。height：设置表格的高度，单位默认为像素，也可以使用百分比形式。cellpadding：设置表格的一个单元格内数据和单元格边框间的边距，以像素为单位cellspacing：设置单元格之间的间距，以像素为单位。

标记用于标志表格一行的开始和结束。常用参数属性：align：设置行中文本在单元格内的对齐方式，取值有left、center和right。background：设置行中单

4、元格的背景图像。bgcolor：设置行中单元格的背景颜色。

标记内部。常用参数属性：align：设置行内容在单元格内的对齐方式，取值有left、center和right。background：设置单元格的背景图像。bgcolor：设置单元格的背景颜色。width：设置单元格的宽度，单位为像素。height：设置单元格的高度，单位为像素。3、表格结构新建一个html文件，建立表格结构，要显示的内容放在标记之间

5、，而

和标记之间的信息显示在同一行，标准表格构成结构如下：
标记用于标志表格内单元格的开始和结束，标记应位于
和
contert1content2
content3content4
案例步骤一、制作成绩表记事本中代码如下：成绩表学生成绩表
语文数学<

6、/th>

英语
908598
案例二制作课程表课程表的制作。案例资讯表格的标题和表头单元格一、表格的标题与表头表格的标题与表头是美化表格的放在表格的上面或是下面表头是表格里面表示同一性质的元素1、表格标题表格的标题用这个标签，表格标题的位置，可由ALIGN属性来设置，其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。设置标题位于表格上方：

7、onalign=top>…设置标题位于表格下方：…2、表格表头…用于标志表格内表头的开始和结束。3、表头属性align：设置在单元格内各种内容的对齐方式，取值有left、center和right。background：设置单元格的背景图像。bgcolor：设置单元格的背景颜色。width：设置单元格的宽度，单位为像素。height：设置单元格的高度，单位为像素。colspan：设置…

8、h>内的内容应该跨越几列。rowspan：设置…内的内容应该跨越几行。二、单元格的合并rowspan和colspan是在表格中合并多行或合并多列，如在后面的课程表的例子中有上午是合并4行，即当前单元格的高度是4个表格高度（“4”所跨的行数，“上午”是单元格内容）午休是合并6列，即当前表格的宽度是6个表格宽度（“6”是所跨的列数，“午休”是单元格内容）案例步骤一、制作课程表

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。