html标签教案,第1章 HTML的基本标签-教案

第1章 HTML的基本标签

本章任务.......................................................................................................................... 2

本章目标.......................................................................................................................... 2

本章重点................................................................................................................... 2

本章难点................................................................................................................... 2

预习检查、任务、目标部分[10分钟] ................................................................................ 2

课程知识点讲解：............................................................................................................ 2

知识点1：HTML文件的基本结构[10分钟]................................................................. 2

1) HTML文件的基本结构............................................................................... 2

2) 标签.............................................................................................. 3

3) 页面背景色或背景图像 ............................................................................ 3

知识点2：文本相关标签[10分钟] ............................................................................ 4

1) 字体、字号标签....................................................................................... 4

2) 行的控制 ................................................................................................. 5

知识点3：图像标签[5分钟] ..................................................................................... 6

1) 常见的图片格式介绍................................................................................ 6

2) 图像的基本语法....................................................................................... 6

3) 图像与文本的对齐方式 ............................................................................ 7

知识点4：小结1 [10分钟]...................................................................................... 7

1) 编写如下图所示效果对应的html代码 ..................................................... 7

2) 代码 ........................................................................................................ 7

知识点5：文字布局[10分钟] ................................................................................... 8

1) 内容分隔

---

标签 ................................................................................... 8

2) 项目列表和编号....................................................................................... 8

3) 预格式文本

标签 .............................................................................. 9

知识点6：页面链接标签[10分钟]...................................................................... 9

1) 文件的路径有几种方式 ............................................................................ 9

2) 链接到其他页面....................................................................................... 9

3) 链接到本页面 ........................................................................................ 10

4) 电子邮件链接 ........................................................................................ 10

知识点7：滚动标签[10分钟] ............................................................ 10

1) 标签 ...................................................................................... 10

2) 语法 ...................................................................................................... 10

知识点8：小结2[10分钟] ......................................................................................11

1) 编写如下图所示效果对应的html代码 ....................................................11

2) 代码 .......................................................................................................11

本章总结[5分钟] ................................................................................................... 12

1) 考核点................................................................................................... 12

2) 课后作业 ............................................................................................... 12

授课教师： 钟慧涛

课 时： 2课时