初中信息科技 / 浙教版(2023) / 八年级上册 / 第二单元 互联网数据 / 第9课 网页的数据编码 / 编号:23951957

浙教版(2023)八年级上信息科技 第九课:网页的数据编码 课件(共24张PPT)

日期:2025-09-26 科目:初中信息技术 类型:课件 来源:二一教育课件站
关键词:网页,请求,编码,数据,标签,响应
预览图 9
初中信息技术 初中信息技术
(课件网) 八年级信息技术 网页的数据编码 第九课 学习目标 1、了解网页编码的基本概念,知道文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中的 2、理解网页的数据请求与响应过程,知道浏览器与服务器之间的请求响应机制 3、初步了解网页表单交互的基本原理和实现方式,能简单修改表单代码 学习目标 目录 01. 课前导入 02. 网页的编码 03. 网页的数据请求与响应 04. 网页中的交互 01 课前导入 课前导入 观察以下这个AI图片: 课前导入 思考:如果要以网页的形式调查同学们对AI的了解情况,这个网页需要哪些元素? 对的,非常的棒: 文字 图片 输入框 按钮等 02 网页的编码 “大家看到的这个丰富多彩的网页,在我们的眼中,看到的是图片、文字、内容等,那我们来思考下:它在计算机眼里到底是什么?” 代码 文本 1. 网页的编码 1).网页的编码 网页的编码含义: 网页本质上是一个文本文件,里面写满了特定的“符号”和“规则”,这就是编码。浏览器就像是一个翻译官,能读懂这些编码并把它们变成我们看到的漂亮页面。 这些规则就是HTML(超文本标记语言)。它用一对对标签(如

)来给文本、图片等内容做“标记”,告诉浏览器“这里是一段文字”、“那里是一张图片”。 常见标签展示: 文本:

这是标题

这是一个段落。

图片:AI图片 (强调 src 属性指定图片路径,alt 属性提供替代文本) 视频: (强调 controls 属性用于显示播放控件) 表单: (这是一个文本框) 1. 网页的编码 【课堂活动】 请将左侧的“网页元素”与右侧对应的“HTML标签”连接起来。 网页元素:①大标题 ②段落 ③图片 ④输入框 ⑤视频 HTML标签:a.

b. c.

d. e.

~~ 已预览到文档结尾了 ~~