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

义务教育2024七年级全一册第四单元：校园活动线上展第16课：探秘网页与代码义务教育2024七年级全一册第16课：探秘网页与代码学习目标了解网页与代码之间的对应关系。初步认识HTML语言，知道常用标签的作用。3验证网页内容的保存形式。义务教育2024七年级全一册第16课：探秘网页与代码问题情境导入新课同学们，上学期我们学习了远程控制、人脸识别等物联网项目，很多兵团智慧农业监测系统，都会通过网页来查看传感器采集的数据。大家每次打开网页就能看到实时数据，大家有没有思考：网页到底是什么？网页是图片吗？网页靠什么组织文字、图片、数据？其实我们看到的网页，背后都是一行行代码。今天就让我们一起走进《探秘网页与代码》，认识网页的基础语言HTML。义务教育2024七年级全一册学习内容一、网页与HTML代码二、显示网页的过程三、HTML代码与网页文件第16课：探秘网页与代码义务教育2024七年级全一册一、网页与HTML代码浏览时会遇到风格各异的网页,里面有文字、图像、视频等多种资源。通过网页中的超链接,可以方便地在网页和资源之间跳转。一切是如何实现的呢?义务教育2024七年级全一册一、网页与HTML代码图文声像并茂的网页,其背后对应着一堆代码，这堆代码则对应着描述网页的语言一HTML(

hypertext

markup

language,超文本标记语言)。义务教育2024七年级全一册一、网页与HTML代码浏览网页，调出“开发人员”工具，观察页面代码观察页面对应的代码义务教育2024七年级全一册一、网页与HTML代码按照HTML语言的规定,用于标记内容、格式或超链接的代码符号叫标签。义务教育2024七年级全一册一、网页与HTML代码常用标签标签作用<head></head>设置文档头部<title></title>设置网页标题<body></body>设置文档主体<h1></h1>设置内容的一级标题<p></p>设置新的一行<imgsrc="***.jpg">设置图像<ahref="***"></a>设置超链接义务教育2024七年级全一册二、显示网页的过程网页中显示什么文字、显示哪些图,这些图文该如何显示、包含怎样的超链接等,这些一般都要在代码中写明白。浏览器获得这些信息后,就会按照代码的要求进一步获取需要的图像、音乐等资源,同时按照布局要求,把网页呈现在浏览器窗口中。义务教育2024七年级全一册二、显示网页的过程代码与网页内容对应关系意图义务教育2024七年级全一册体验显示图像的不同方式动手实践二、显示网页的过程参照以下方法进行操作，在网页中显示一张笑脸图。方法一：修改网页，让它显示计算机中的图像文件001.png。浏览网页，观察显示效果。

义务教育2024七年级全一册体验显示图像的不同方式动手实践二、显示网页的过程参照以下方法进行操作，在网页中显示一张笑脸图。方法二：运行《图像编码转换器》软件，选择图像文件001.png后进行编码转换，然后用运行结果替换网页中的<img>标签。确保网页所在文件夹中没有图像文件001.png后，浏览网页，观察显示效果。义务教育2024七年级全一册二、显示网页的过程图像编码转换结果义务教育2024七年级全一册三、HTML代码与网页文件一般情况下,HTML代码保存在以".htm”".html”等为扩展名的网页文件中。但实际浏览过程中,浏览器只要能得到相应的HTML代码就可以了,并不要求这些代码必须以网页文件形式保存。义务教育2024七年级全一册三、HTML代码与网页文件验证网页内容是不是必须保存在网页文件中动手实践运行《web服务器》软件修改编码，内容等参数根据提示访问这个网站修改内容后再次访问，看看显示的变化软件窗口义务教育2024七年级全一册1．HTML是一种可用于描述网页的语言。