赣科技版信息科技七年级上册 第7课《网页结构设计》第1课时 课件.pptx

第7课

网页结构设计

第1课时（赣科技版）七年级上

01学习目标内容总览02新知导入03探究新知04课堂练习05课堂总结课后作业06

教学目标了解HTML的重要性，认识HTML在制作和显示网页内容中的基础作用，提升对网页技术的基本认知算思维信息社会责任数字化学习与创新信息意识学会HTML标签的基本用法，理解头部和主体部分的结构，培养用逻辑和系统思维解决问题的能力。能够编写简单的HTML文档，运用所学知识创造具有标题和段落的网页，激发数字化学习兴趣和创新精神。理解HTML在网页制作中的规范性，养成遵守互联网信息发布规则的意识，尊重网上信息资源的规范和版权。

新知导入

新知讲解想一想认识HTML1、什么是HTMLHTML的全称为超文本标记语言，它包括一系列的标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

新知讲解想一想认识HTML2、HTML与网页的关系我们常说的网页其实就是一个HTML文档，Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

新知讲解想一想认识HTML3、HTML文档的基本结构标准的HTML都具有一个基本的结构，如下！html标记网页的开始head标记头部的开始title浏览器中显示的文档标题/titlebody标记页面正文的开始/body标记页面正文的结束/html标记网页的结束

新知讲解想一想认识HTML3、HTML文档的基本结构由尖括号包围的关键词，如“title”称为HTML标签，通常成对出现，分为开始标签和结束标签。

新知讲解想一想认识HTML3、HTML文档的基本结构由标签和标签间的内容合成网页文件，网页文件一般用.htm或.html扩展名命名。浏览器对网页文件进行解析，将网页内容呈现给用户，如图所示，左为浏览器解析的内容，右为运行结果。

新知讲解想一想扩展阅读HTML5HTML5是公认的下一代Web语言，它极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。

新知讲解议一议1、一个完整的HTML文档包括哪些基本部分？（1）文档类型声明：告诉浏览器这是一个HTML文档，例如!DOCTYPEhtml。（2）HTML标记：标记网页的开始和结束，例如html和/html。（3）头部部分：包含不显示在页面上的信息，例如head，title。（4）标题部分：设置网页的标题，显示在浏览器标签页上，例如title我的网页/title。（5）主体部分：包含网页上实际显示的内容，例如body，h1和p。

新知讲解议一议2、为什么标签是网页的基础单元？（1）结构定义：标签决定了网页的整体结构，例如标题、段落和列表。（2）内容显示：标签包围和标记内容，让浏览器知道如何显示这些内容。（3）链接资源：标签可以链接图片、视频和其他网页资源，使网页更丰富和互动。（4）语义信息：标签提供了网页内容的语义信息，使搜索引擎和辅助技术能更好地理解网页。（5）技术兼容：标签让搜索引擎和屏幕阅读器理解网页内容，从而使网页更容易被找到和访问。

新知讲解想一想认识HTML3、HTML的作用自1990年以来，HTML就一直被用作万维网的信息表示语言。使用HTML描述的文件需要通过Web浏览器显示出效果。

新知讲解想一想认识HTML3、HTML的作用HTML是一种建立网页文件的语言，通过标记式的指令，将影像、声音、图片、文字动画、影视等内容显示出来。

新知讲解想一想认识HTML3、HTML的作用事实上，每一个HTML文档都是静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种在排版网页中，资料显示位置的标记结构语言，简单易学。

新知讲解想一想认识HTML3、HTML的作用HTML的普遍应用就是因为带来了超文本的技术--通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。

新知讲解议一议1、为什么HTML被广泛使用？（1）简单易学：HTML容易学习，即使是初学者也能很快掌握。（2）广泛兼容：HTML被所有的网页浏览器支持和识别，因此可以在任何设备上显示。（3）灵活多用：HTML可以展示文字、图片、视频和声音等多种内容，非常多功能。（4）结构清晰：HTML使用标签来组织内容，使得网页结构清晰明了。（5）互联性强：使用超文本链接（如a标签），可以轻松地从一个页面跳到另一个页面，实现全球信息互联。

新知讲解议一议2、学习HTML对于将来制作网页有什么好处？（1）建立基础知识：学习HTML提供了