第7课 网页的数据组织 课件 2023—2024学年浙教版（2023）初中信息技术八年级上册

第7课 网页的数据组织 | 信息科技| 八年级上 | 互联网应用 | 2023新教材 | 1 学习目标 通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编辑HTML网页代码； 通过网页编辑的实践，能理解超链接的作用。 通过代码编写，培养动手能力。 本课探究 1.你知道网页是如何实现图片呈现的吗？ 2.超链接能链接哪些类型的文件？ 问题导入 1.平时有没有去浏览网站？都去哪些网站？ 2.浏览网站时，你都能看到哪些内容？ 学生：…… 丰富的文本、图像、音频、视频等内容，这些都是数据类型。 知识回顾 小学阶段与七年级有数据的相关内容，引导学生回顾内容，让他们掌握好基础知识，拥有智慧，不断创新，并以华为近段时间的“遥遥领先”为例进行教育。 新授内容 一、HTML语言 HTML（HyperText Markup Language）即超文本标记语言，用来组织网页的结构和内容。 用HTML编写的超文本文件称为HTML文档，HTML文档一般通过浏览器解释执行。 以查看“百度”首页HTML文档为例 1.打开网站https://www.baidu.com 2.鼠标右击网页空白的地方，在弹出的菜单中单击“审查元素” 3.将会出现如图2的HTML文档。 案例说明 1 2 新授内容 二、HTML标签 1.HTML标签的编辑器——记事本 打开记事本：开始→所有程序→附件→记事本 2.编写标签 HTML标签由“<” 和“>”符号包围的字符串组成，通常以成对的标签出现。 如<title></title> 新授内容 二、HTML标签 3.对照“百度”的代码，编写班级主页基本结构 新授内容 二、HTML标签 4.保存成网页形式，文件名为index.html或index.htm 保存类型需要切换成“所有文件（*.*）” 注：解释index的意思 新授内容 二、HTML标签 5.网页首页index.htm的代码及效果图 新授内容 三、超链接 超文本链接（Hypertext Link）简称为超链接，可以实现从一个页面跳转到另一个页面，实现文档互联、网站互联。 <a href=“链接位置”>链接元素</a> 文本 图像 新授内容 三、超链接 网页的超链接代码及效果图 教你一招 为了使用网页便于用户浏览，可以使用HTML标签设置版面与格式 居中对齐：<center></center> 网页背景色：<body bgcolor=“颜色名称”></body> 字体格式：<font face=“字体名称” size=“字号数值” color=“颜色名称”>文字</font> 本课作业 将以上技巧运用的网页中，并查看代码效果。 注：“颜色名称”可参照后一页RGB颜色对照表 RGB对照表 谢谢大家！ $$