资源简介

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

展开更多......

收起↑