第16课 探秘网页与代码 课件 2025-2026学年人教版初中信息科技七年级全一册

该初中信息科技课件聚焦HTML语言基础，从学生日常浏览的网页切入，通过提问“网页如何制作”导入，引导观察网页元素对应标签代码，搭建从现象到本质的学习支架，为后续制作个人网络主页奠定基础。 其亮点在于采用任务驱动式教学，通过“观察网页元素识别标签”“用记事本修改代码验证.txt格式可解析”等活动，培养学生信息意识（感知网页信息呈现方式）和计算思维（抽象标签功能与网页结构的对应）。课堂小结梳理核心要点，达标测试巩固知识，帮助学生直观理解HTML本质，教师可借助清晰环节提升教学效率。

第16课　探秘网页与代码 第四单元　校园活动线上展 同学们每天都会浏览各种各样的网页，这些网页里有文字、图片、链接等丰富内容，大家有没有想过，这些精彩的网页是怎么制作出来的呢？ 从今天开始，我们将走进网页代码的世界，本节课就来探秘网页与代码，为后续制作个人网络主页打下基础。 任务1：观察网页，识别元素与标签 请大家仔细观察这个网页，说说它包含哪些元素？再对照源代码，找找这些元素分别对应哪些代码符号？ 标　　签 作　　用 <head></head> 设置网页头部 <title></title> 设置网页标题 <body></body> 设置正文主体 <h1></h1> 设置内容的一级标题 <p></p> 定义段落文本 <img src='***.jpg'> 插入图像 <a href='xxxx'></a> 创建超链接 任务1：说出网页不同元素的标签代码 这些标签是 HTML 语言的基础，不同标签各司其职，共同构成了网页的结构和内容。 大家思考一下，HTML 代码一定要用网页格式保存吗？如果保存为 txt 格式能不能被浏览器解析？ 任务 2：用记事本修改网页代码 浏览器识别的是 HTML 代码本身，只要能获取到代码，不管是.html 还是.txt 格式都能解析，不一定必须保存为网页文件。 index.htm index.html index.txt 任务 2：用记事本修改网页代码 课堂小结： 1、HTML 是描述网页的语言； 2、HTML 中的标签用于标记内容、格式或超链接； 3、HTML 代码不一定保存在网页文件中，浏览器可直接解析代码内容。 当堂达标： 1.在网页开发者工具中，以下哪个标签通常用于定义网页的标题内容？（ ） A. <head> B. <title> C. <header> D. <h1> 2.如果想在网页中插入一张图片，应该使用的标签是（ ） A. <link> B. <div> C. <img src="图片路径"> D. <table> 3.以下关于HTML文件的描述，正确的是（ ） A. 网页代码必须保存为.txt文件才能运行 B. 网页代码必须保存为.html文件才能被浏览器解析 C. 用记事本修改的网页代码可直接保存为.exe文件 D. 所有标签内容修改后无需保存即可生效 4.用记事本修改网页代码后，必须如何操作才能让修改生效？（ ） A. 直接关闭记事本 B. 保存为.txt文件 C. 保存并刷新浏览器 D. 复制代码到Word文档 5.以下关于网页标签的说法，错误的是（ ） A. <img>标签用于插入图片 B. <a>标签可以创建超链接 C. <p>标签用于定义表格 D. <h1>到<h6>是标题标签 $