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

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