第16课 探秘网页与代码 课件 2025-2026学年人教版初中信息科技七年级全一册
2026-05-07
|
17页
|
121人阅读
|
1人下载
普通
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技人教版七年级全一册 |
| 年级 | 七年级 |
| 章节 | 第16课 探秘网页与代码 |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学-新授课 |
| 学年 | 2026-2027 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 5.60 MB |
| 发布时间 | 2026-05-07 |
| 更新时间 | 2026-05-07 |
| 作者 | 匿名 |
| 品牌系列 | - |
| 审核时间 | 2026-05-07 |
| 下载链接 | https://m.zxxk.com/soft/57722083.html |
| 价格 | 0.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
网页解码实验
第16课
探秘网页与代码
1
同学们，我们每天都在网上冲浪，刷B站、看微博、逛淘宝……大家有没有想过，这些风格各异的网页，它们是怎么做出来的呢？今天这节课，我们就要当一回"网页侦探"，去揭开网页背后的秘密。
2
实验猜想
请大家猜一猜：
1. 风格各异的网页，呈现出的内容主要由_______、_______、_______、______等类型的数据组成。
2. 网页中各个内容的位置、样式是由_______决定。
在开始探秘之前，我想请大家先做一个大胆的猜想：有同学说"文字和图片"，有同学说"代码决定样式"……大家的直觉都很敏锐！
那我们今天就通过实验来验证一下，看看网页背后到底藏着什么秘密。
3
实
验
一
解码网页 探秘代码
HTML（hypertext markup language，超文本标记语言）
网页对数据的组织她需要一个专业的语言，Html语言可以很好的组织我们网页的结构和内容。功能这么强大的语言又被叫做是超文本标记语言。
5
【实验一】解码网页 探秘代码
打开桌面上的“实验”文件夹，找到“平湖中学校园网.html”文件，根据实验步骤完成实验一，并记录下实验结果。
6
标签
特点1：带“< ”和 “>”的字符串。
特点2：一般是成对出现，如<html>和</html>。
HTML语言中用于标记内容、格式或超链接的代码符号叫标签。
<开始标签>
<结束标签>
内容
结构：
请问body的结束标签是？head的结束标签呢？
7
网页=一栋房子
口诀：
html 盖房子，
head 放名字，
body 装样子！
html 房子外壳
head 门牌号
网页标题
body 客厅
网页显示的内容
刚刚我们说的一切一切，都要归功于我们今天学习的新内容：HTML！
那么什么是HTML呢？其实它是一种代码，我们接下来就看一看他长什么样子？
8
实
验
二
操控网页 验证关联
演示实验
操作步骤
1.找到<title>平湖中学校园网</title>代码行
2.将文字“平湖中学校园网”修改为“龙实高校园网”
查看网页效果
1.认识<title>标签
2.猜想<title></title>之间的内容是网页的（ ）
A.主体内容 B.标题（显示在浏览器标题栏或页面标题处）
C.导航栏信息 D.页脚说明
10
打开桌面上的“实验”中的“实验二”文件夹，找到对应要探究的html文件，根据实验步骤完成实验二，并记录下实验结果。
【实验二】操控网页 验证关联
11
标签
标 签 作 用
<head></head> 设置文档头部
<title></title> 设置网页标题
<body></body> 设置文档主体
<h1></h1> 设置内容的一级标题
<p></p> 设置新一段
<img src='***/***.jpg'> 设置图像
12
数据类型
文字
图片
音频
视频
1
2
3
4
13
HTML代码
html文档
网页
浏览器
浏览器读取并分析
输入
输出
（可以让学生自行访问一下网站进行感受）
【学习强国】
比如当大家打开学习强国的页面时，大家发现这个网页里有什么元素呀？
（文字、视频）
那么文字是如何编辑的呢？视频又是如何嵌入到网页里的呢？
14
实验探究报告单
项目 内容
探究问题 网页是如何构成的？网页与代码有什么关系？
我的猜想 网页中各个内容的位置、样式是由__代码_____决定。
实验一发现 网页背后是_html 代码。
实验二发现 修改代码会__改变_____网页显示效果。
最终结论 网页是由___代码____构建的。
15
打开“实验”文件夹，双击打开“拓展实验.html”网页。将文字素材放入“拓展实验.html”网页代码的相应位置，并对网页代码进行适当修改，呈现完整的网页。
拓展实验
（可以让学生自行访问一下网站进行感受）
【学习强国】
比如当大家打开学习强国的页面时，大家发现这个网页里有什么元素呀？
（文字、视频）
那么文字是如何编辑的呢？视频又是如何嵌入到网页里的呢？
16
课后总结
1．HTML是一种可用于描述网页的语言。
2．HTML语言中用于标记内容、格式或超链接的代码符号叫标签。
3．修改标签及内容，可以改变网页的显示效果。
$
资源预览图
1
2
3
4
5
6
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。