(课件网) 第16课　探秘网页与代码 第四单元　校园活动线上展 义务教育信息科技课程资源　七年级 项目学习：任务大闯关，你能闯过几关？ 三 验证网页内容的保存形式 二 浏览器是如何显示网页的 一 网页与HTML代码之间的对应关系 成功完成任务的同学下课找老师加分 项目情境： 学校每年科技节都会有许多科技体验项目，也有制作“科技节体验项目”网站的传统。同学小华浏览了往年的科技节网站作品，发现一个网站包含多个网页文件，每个网页文件保存着一堆代码。一起来思考！！ 问题：我们看到的网页与这些代码之间有什么关系？如何调整代码改变网页的显示效果？ 图文并茂的网页，背后对应着一堆代码。这堆代码对应着描述网页的语�———HTML（超文本标记语言）。 项目任务1：网页与HTML代码 任务1：请打开科技节文件夹的网页3D打印，然后调出浏览器的“开发人员”工具，观察页面代码。找一找网页的图片与文字都体现在代码的哪些地方呢？（学习任务单-填写标签） 项目任务1：网页与HTML代码 知识卡片1：HTML语言中用于标记内容、格式或超链接的代码符号叫标签。成对出现的双标签，如和。单标签，如。 标　　签 作　　用

项目任务3：HTML代码与网页文件 观察变化：运行《Web服务器》软件，修改编码、内容等参数后，再次访问此网页，看看显示效果。 项 ... ...