(共23张PPT)
情境导入：
本单元项目式 主题：校园科技节
在学校科技节活动中，同学们上节课制作了“科技创新 自主可控”主题网页。
网页是使用统一的 HTML 语言来表达信息的，
那么怎样才能看HTML语言表达信息的过程呢
我们能不能通过修改 HTML 语言来编辑页呢
《1.2网页中的信息编码》
2023年电子工业出版社 七年级下册
-第1单元 解密互联网中的信息编码 -
珠珠老师
信息科技 课件
2022新版课标内容
1
活动1：查看网页源代码
2
活动2：认识网页源代码
《目录》
信息科技
01
查看网页源代码
活动1
01.知识点讲解
无论使用什么软件制作网页，都可以通过浏览器查看网页的源代码。我们在浏览器中看到的网页，都是经过浏览器翻译后呈现的
活动1：查看网页源代码
01
通过浏览器看到的网页
01.知识点讲解
在网页的空白处右击，然后在弹出的快捷菜单中单机“查看网页源代码”命令，就可以打开一个显示网页源代码的页面，如图所示
活动1：查看网页源代码
01
网页源代码
举例：这部分为网页标题
01.知识点讲解
请你用这种方法打开一个网页，查看其源代码。找一找网页的标题是什么，并尝试说一说源代码中标签“<>”的作用。
01
思考与讨论
活动1：查看网页源代码
01.知识点讲解
网页源代码是用HTML语言编写的文件，也称为HTML文件，它实际上是纯文本文件。
在HTML文件中，我们可以看到很多用“<>”括起来的标签，如
<image> <audio>等，这就是HTML语言的标签。<br>标签用来对网页上的标题图片、声音等元素进行标识。<br>01<br>助力知识：网页源代码<br>活动1：查看网页源代码<br>02<br>认识网页源代码<br>活动2<br>01.知识点讲解<br>HTML在线编辑器是可以即时编译 HTML 代码的软件，如图 所示,是HTMI在线编辑器给出的初始源代码。<br>活动2：认识网页源代码<br>02<br>通过浏览器看到的网页<br>01.知识点讲解<br>请在HTML在线编辑器中，改变源代码的内容并运行，感受网页信息的编码和解码过程，如图所示。<br>通过浏览器看到的网页<br>活动2：认识网页源代码<br>02<br>01.知识点讲解<br>网页的全部内容需在<html>…</html> 标签中呈现，<br>浏览器标题栏中的网页标题等信息需要放在 <head>…</head> 标签中，<br>而网页展示的内容需要嵌套在<body>…</body> 标签中。<br>活动2：认识网页源代码<br>02<br>助力知识：HTML<br>01.知识点讲解<br>助力知识：HTML<br>活动2：认识网页源代码<br>02<br>HTML文件分为“头部(Head)”和“身体(Body)”两部分。<br><!DOCTYPE html><br><html><br><head><br><meta charset="utf-8"<br><title>文档标题
网页内容……
