1
2
3
4
5
6

HTML常用标签及属性

发布时间:2021-09-10 14:31   发布人:张晓诺   浏览次数:515

 任务2:HTML常用标签及属性】

        

      在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的<html>、<head>、<body>都是HTML标签。所谓标签就是放在“< >”符号中表示某个功能的编码命令,也称为HTML标签或HTML元素,本书统一称作HTML标签。


【 案例展示 】


image.png


学习任务

重点、难点

突破方法

1. 标签概述。

2. 文本控制标签。

3. 图像标签。

1. 文本控制标签使用

2. 教学难点:图像路径表示。

采用翻转课堂、项目导入的教学模式,采用分组讨论、案例教学、演示动画等教学方法,运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握常见标签使用。

2.掌握文本控制标签使用。

3.掌握图像标签使用。

1.能够灵活应用文本控制标签。

2.能灵活使用图像标签。

1. 养成积极主动学习意识;

2. 养成勤于动手的习惯;

3. 培养团队合作能力。

课程思政——创新能力



【 视频讲解】

知识储备及案例实现

1、HTML5的优势qvod.jpg

2、HTML标签1qvod.jpg

3、头部标签qvod.jpg

4、文本标签qvod.jpg

5、文本控制标签1qvod.jpg

6、文本控制标签2qvod.jpg

7、图片引入1qvod.jpg

8、图片引入2qvod.jpg

9、路径表示qvod.jpg

【 资料下载 】

单元设计

HTML常用标签及属性

课程教案

HTML常用标签及属性

演示文稿

HTML常用标签及属性

任务工单

HTML常用标签及属性

案例源码下载

1、标题

2、对齐方式

3、段落标签

4、水平线

5、换行标签

6、font标签

7、文本语义标签

8、高亮显示

9、文本语义标签Cite

10、图像标签

课内同步项目

图像大小

课外扩展项目

图片文字排版

练习题

1、练习1

疑难问题解答

1、H5中头部标签做了哪些改变?