建立表格
三、练习。
知识总结
表格属性的设置。
布置作业
课后习题
思考、讨论
回答提问
听课
仔细观察,发现特点
熟悉表头单元格的特点
听讲
观察教师操作实例
作笔记
观察不同标记的属性设置区别
课后练习
直观的引入要教学的内容
进一步掌握表格基本格式
培养学生仔细观察的习惯,同时对后面的知识做辅易出错的地方
二、新课。
1、HTML表格用<table>…</table>表示。
一个表格可以分成很多行,用<tr>表示;
每行又可以分成很多单元格,用<td>表示。
这三个Tag是创建表格最常用的Tag。
TABLE标记的基本格式:
说明:
1、<table>…</table>用于定义表格的开始和结束。在<table>标记中的border属性用于设置表格边框的粗细,单位为像素。不指定其值默认为1,省略属性或值为0时不显示边框。
对各标记属性印象更深刻,不易出错
对所学知识的加深理解和掌握
教后
反思
课 题
建立表格
教学
方法
讲授、练习
教
学
目
标
知识与技能目标
过程与方法目标
任务驱动、小讨论的学习方式
情感与态度目标
培养学生用所学知识完成实际问题的能力
教学重点
TABLE标记的相关知识点
教学难点
网页的代码编写
教 学 过 程
教 师 活 动
学生活动
设意图
一、导入。
打开智联招聘的首页,引导学生观察网页中显示内容的排版,并且通过查看网页的源代码,引出今天的课题——《建立表格》。
3、<tr>…</tr>用于定义表格中第一行的开始和结束。一个表格有多少行就应有几对<tr>…</tr>。
4、<th>…</th>用于定义表格的表头单元格。表头单元格一般位于首行或首列,其中的内容以粗体居中方式显示,表示表格各行或列的标题。
5、<td>…</td>用于定义表格的数据单元格。数据单元格是表格中用于存放具体数据内容的容器。
2、<caption>…</caption>可省略,指定时用于定义表格标题。
用<caption>标记给表格加标题,其格式为:
<caption align=left|center|right
valign=top|bottom>标题</caption>
<caption>标记应包含在<table>…</table>标记之间,其属性说明见表