日期：10月28号下午第1节 开课班级：高二（13）班
开课内容：HTML专题复习 听课人员：高燕芬 刘国建
课 题 | （6）HTML复习 | 课型 | 复习课 | 授课时数 | 1课时 | |||||||||||||||||||||||||||
教 学 目 标 | 1、熟悉HTML语言的基本概念、标记及其分类； 2、知道HTML的基本结构及常用标记及其含义等知识点， 3、能够掌握HTML的使用并能在网页制作中灵活应用。 | |||||||||||||||||||||||||||||||
教 学 重 点 | HTML的基础结构、常用标记及其含义。 | 教学 难点 | 常用标记及其所表示的含义 | |||||||||||||||||||||||||||||
教 学 过 程 | ||||||||||||||||||||||||||||||||
教 师 指 导 精 讲 设 计 | 学生学习 活动设计 | 时间分配 | ||||||||||||||||||||||||||||||
引入：试题1、2，如下所示： 1、在HTML语言中，表格中行的标记是（ ）？ A、<body></body> B、<tr></tr> C、<td></td> D、<table></table> 2、HTML语言中，表格中单元格标记是：（ ） A、<table></table> B、<html></html> C、<head></head> D、<td></td> 一、什么是HTML？ HTML (Hypertext Markup Language ) —— 超文本标记语言 是一种建立网页文件的语言，透过标记式的指令 ，将影像、声音、图片、文字等连结显示出来。 二、标记及其分类 1、HTML标记：由一对尖括号“< >” 括起的字符串。 2、标记分类: (1) 双标记: <标记名> （起始标记） </标记名> （结束标记） (2)单标记: <标记名>
四、HTML常用标记 (一)回忆：网页中下列对象的html标记是什么？ 1、图片 2、表格 表格中的行 单元格 3、超链接 4、段落 学生练习：打开”html复习练习”,按要求完成实践1。利用frontpage帮助复习。 实践1：启动frontpage，在新建页面中插入下列对象，并在”html” 窗口中查看标记名称，将相应的标记复制到对应的横线上。 1、输入文字“HTML专题复习”，查看段落的标记是 。 2、为上述文字设置超链接，链接到lisi@{域名已经过期} ,查看超链接标记是 。 3、插入一个1行2列的表格 ，查看 表格标记是 。 行标记 。 单元格标记 。 4、插入一张图片：查看 图片标记是 。 5、打开记事本，输入以下代码，保存到本文件夹中，文件名为“1.htm”，打开1.htm，观看效果。
交流讨论：师生共同交流讨论。展示学生练习的结果。并注意观察图片标记和其他标记的不同之处。 （二）代码分析 分析下列HTML代码表示的含义，你是怎样理解的？ 1、<p align=“center”>五中主页</p> <a href=“http://www.czwz.czedu.cn”>五中主页</a> <p align=“center”> <a href=“http://www.czwz.czedu.cn”>五中主页</a> </p> 2、<table> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table> 实践2：新建一个网页，在“HTML”窗口中输入上述代码，看看网页显示的效果与你设想的一致吗？ 五、仿真试题 1、下列关于HTML语言描述不正确的是（ ）。 A、HTML语言中可以嵌入如ASP、JAVA等编程语言 B、FRONTPAGE是制作网页的软件，它和HTML无关 C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的 D、HTML文档本身就是文本格式的文件 2、下面不是组成一个HTML文件基本结构标记的是（ ） A、<FORM></FORM> B、<HEAD></HEAD> C、<BODY></BODY> D、<HTML></HTML> 3、HTML语言中，表格中单元格标记是：（ ） A、<table></table> B、<html></html> C、<head></head> D、<td></td> 4、在HTML语言中，表格中行的开始和结束标记是（ ）？ A、<body></body> B、<tr></tr> C、<td></td> D、<table></table> 5、以下表示两行一列表格的是（ ） A、 <tr><td></td></tr> <tr><td></td></tr> B、 <td><tr></tr></td> <td><tr></tr></td> C、<table> <tr><td></td></tr> <tr><td></td></tr> </table> D、<table> <td><tr></tr></td> <td><tr></tr></td> </table> 6、超文本标记语言“<a href=http://{域名已经过期}>新浪网</a>”的作用是（ ）。 A、插入一段新浪网的文字 B、插入一幅新浪网的图片 C、创建一个指向新浪网的电子邮件 D、创建一个指向新浪网的超级链接 附：理论部分参考答案
[小结]师生共同回顾本节课所学的知识。 |
根据前面所复习的知识，尝试解决1、2两题。
复习HTML的基本概念。
了解HTML中标记的分类。
掌握HTML的基本结构。
回顾网页中常见对象的HTML标记。
完成实践1，了解常见对象的标记。
交流讨论练习的结果。
分析所给代码的含义。
完成实践2，体验所分析代码是意义是否正确。
独立完成仿真试题。
核对所做练习。对有问题的题目进行讨论分析。
回顾本节所复习的内容。 | |||||||||||||||||||||||||||||||
关闭窗口
打印文档