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

设置内容的一级标题

设置新的一行 设置图像 设置超链接 义务教育2024 七年级全一册 二 、显示网页的过程 网页中显示什么文字、显示哪些图,这些图文该如何显示、包含怎样的超链接等,这些一般都要在代码中写明白。浏览器获得这些信息后,就会按照代码的要求进一步获取需要的图像、音乐等资源,同时按照布局要求,把网页呈现在浏览器窗口中。 代码与网页内容对应关系意图 义务教育2024 七年级全一册 体验显示图像的不同方式 动手实践 二 、显示网页的过程 参照以下方法进行操作，在网页中显示一张笑脸图。 方法一：修改网页，让它显示计算机中的图像文件001.png。浏览网页，观察显示效果。 方法二：运行《图像编码转换器》软件，选择图像文件001.png后进行编码转换，然后用运行结果替换网页中的标签。确保网页所在文件夹中没有图像文件001.png 后，浏览网页，观察显示效果。 义务教育2024 七年级全一册 二 、显示网页的过程 图像编码转换结果 义务教育2024 七年级全一册 三、HTML代码与网页文件 一般情况下,HTML代码保存在以".htm”".html”等为扩展名的网页文件中。 但实际浏览过程中,浏览器只要能得到相应的HTML代码就可以了,并不要求这些代码必须以网页文件形式保存。 义务教育2024 七年级全一册 三、HTML代码与网页文件 验证网页内容是不是必须保存在网页文件中 动手实践 运行《web服务器》软件 修改编码，内容等参数 根据提示访问这个网站 修改内容后再次访问，看看显示的变化 软件窗口 义务教育2024 七年级全一册 1．HTML是一种可用于描述网页的语言。 2．HTML语言中用于标记内容、格式或超链接的代码符号叫标签。 3．修改标签及内容，可以改变网页的显示效果。 4．HTML代码不一定保存在网页文件中。 课堂总结 下 课 Thanks! https://www.21cnjy.com/recruitment/home/fine ... ...