ID: 19210089

电子工业社版(2022)七下信息科技 1.2 网页中的信息编码 课件(共23张PPT)+教案(表格式)+学习单+练习

日期:2024-11-28 科目:信息技术 类型:初中试卷 查看:91次 大小:19473780B 来源:二一课件通
预览图 0
信息,电子,学习,格式,教案,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语言的标签。 标签用来对网页上的标题图片、声音等元素进行标识。 01 助力知识:网页源代码 活动1:查看网页源代码 02 认识网页源代码 活动2 01.知识点讲解 HTML在线编辑器是可以即时编译 HTML 代码的软件,如图 所示,是HTMI在线编辑器给出的初始源代码。 活动2:认识网页源代码 02 通过浏览器看到的网页 01.知识点讲解 请在HTML在线编辑器中,改变源代码的内容并运行,感受网页信息的编码和解码过程,如图所示。 通过浏览器看到的网页 活动2:认识网页源代码 02 01.知识点讲解 网页的全部内容需在<html>…</html> 标签中呈现, 浏览器标题栏中的网页标题等信息需要放在 <head>…</head> 标签中, 而网页展示的内容需要嵌套在<body>…</body> 标签中。 活动2:认识网页源代码 02 助力知识:HTML 01.知识点讲解 助力知识:HTML 活动2:认识网页源代码 02 HTML文件分为“头部(Head)”和“身体(Body)”两部分。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" <title>文档标题 网页内容…… 提供网页标题.标注及编码信息的内容,在网页中不显示 定义网页标题 网页中显示的内容,即在这个区域写入的任何内容,都会显示在网页中 定义HTML文件 HTML文件的结构图 01.知识点讲解 助力知识:HTML 活动2:认识网页源代码 02 HTML标签是HTML语言中最基本的单位,我们可以通过HTML标签来编辑网页。 从图 中我们可以看到,HTML标签是成对出现的, 标签对的第一个是开始标签,第二个是结束标签,如头部标签 和 。 一般成对出现的标签,其内容在两个标签中间。 01.知识点讲解 助力知识:HTML 活动2:认识网页源代码 02 此外,也有单独出现的标签。下表中是-些常用的 HTML 标签。 常用的HTML标签 标签 显示效果 标签 显示效果 ··· 标题的字体大小,n1最大,n6最小 p>...

    ··· 为文档定义一个标题 插入图像 ··· 文字以粗体形式显示 ··· 定义超链接···文字以斜体形式显示
    ~~ 您好,已阅读到文档的结尾了 ~~