(课件网) 第16课　探秘网页与代码 第四单元　校园活动线上展 第16课　学习目标 学习目标 1 2 3 了解网页与代码之间的对应关系。 初步认识HTML语言，知道常用标签的作用。 验证网页内容的保存形式。 第16课　课堂导入 学校每年科技节都会有许多科技体验项目，也有制作“科技节体验项目”网站的传统，今年轮到本班承担网站制作的任务。同学们浏览了往年的科技节网站作品，发现一个网站包含多个网页文件，每个网页文件保存着一堆代码。很多同学对此感到好奇： 我们看到的网页与这些代码之间有什么关系？如何调整代码改变网页的显示效果？ 问题情境 第16课　学习内容 学习内容 三 HTML代码与网页文件 二 显示网页的过程 一 网页与HTML代码 上网浏览时会接触风格各异的网页，里面有文字、图像、音频、视频等多种资源。通过网页中的超链接，可以方便地在网页和资源之间跳转。这一切到底是怎样完成的呢？ 图文并茂的网页，背后对应着一堆代码。这堆代码对应着描述网页的语�———HTML（hypertext markup language，超文本标记语言）。 一、网页与HTML代码 第16课　学习内容 浏览一个网页，然后调出浏览器的“开发人员”工具，观察页面代码。 第16课　学习内容 一、网页与HTML代码 HTML语言中用于标记内容、格式或超链接的代码符号叫标签。 成对出现的双标签，如和。 单标签，如。 第16课　学习内容 一、网页与HTML代码 标　　签 作　　用 设置文档头部 设置网页标题 设置文档主体

设置内容的一级标题

设置新一行 第16课　学习内容 √ √ 二、显示网页的过程 三、HTML代码与网页文件 浏览器需要的是 HTML代码，实际浏览过程中，浏览器只要能得到相应的HTML代码就可以了，并不要求必须以网页文件形式保存。 第16课　学习内容 网 ... ...