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