第16课 探秘网页与代码 人教版2024七年级信息科技.pptxVIP

打开老师的自我介绍附件1自我介绍.txt在操作材料文件夹中找到下图所示文本文档，双击鼠标左键打开。

自我介绍htmlheadtitle我的自我介绍/title/headbodycenterh1老师的自我介绍/h1p初中信息技术教师|超爱上班/pimgsrc=001.jpgwidth=200h2关于我/h2p我是一名充满激情且帅气（以前）的信息科技教师，/ph2教育背景/h2p计算机科学学士，XX大学，2018年毕业。/ph2技能/h2p七岁习文，八岁习武/pp不善言辞，略懂拳脚/pp能吃、不胖/p h2联系方式/h2p邮箱：zhangsan@/pp电话：+861234567890/p/center/body

自我介绍附件1自我介绍.txt附件1自我介绍.html修改文件后缀名txt为html再打开

自我介绍htmlheadtitle我的自我介绍/title/headbodycenterh1老师的自我介绍/h1p初中信息技术教师|超爱上班/pimgsrc=001.jpgwidth=200h2关于我/h2p我是一名充满激情且帅气（以前）的信息科技教师，/ph2教育背景/h2p计算机科学学士，XX大学，2018年毕业。/ph2技能/h2p七岁习文，八岁习武/pp不善言辞，略懂拳脚/pp能吃、不胖/p h2联系方式/h2p邮箱：zhangsan@/pp电话：+861234567890/p/center/body

第16课：探秘网页与代码义务教育2024七年级全一册第四单元：校园活动线上展

学习目标1了解网页与代码之间的对应关系。2初步认识HTML语言，知道常用标签的作用。3会通过修改代码制作自己的第一个网页

什么是HTML？?HTML（hypertextmarkuplanguage）超文本标记语言文本：简单说，它是一个文本文件标记：标记内容用文本的形式来标记网页的内容，这里的内容包含文字、图像、声音、视频等等。了解网页与代码之间的对应关系。

网页与代码

网页与代码

网页与代码

了解网页与代码之间的对应关系。那如何识别html文件呢？?xxx.htmlHTML文件的扩展名：xxx.htm

初步认识HTML语言，知道常用标签的作用。HTML语言的特征：HTML语言中用于标记内容、格式或超链接的代码符号叫标签。成对出现的双标签，如HTML和/HTML。单标签，如img。htmlheadtitle我的自我介绍/title/headbodycenterh1老师的自我介绍/h1p初中信息技术教师|超爱上班/pimgsrc=001.jpgwidth=200h2技能/h2p七岁习文，八岁习武/pp不善言辞，略懂拳脚/pp能吃、不胖/p h2联系方式/h2p邮箱：zhangsan@/pp电话：+861234567890/p/center/body/html

初步认识HTML语言，知道常用标签的作用。活动一：猜测每个标签的作用（时间5分钟）1.双击鼠标左键打开操作材料中的“附件1自我介绍.html”文件，网页打开后，按键盘上的“F12”调出开发人员选项。2.以小组的形式先仔细观察代码和网页，然后再把鼠标光标放到代码各个位置对比网页和代码的关系，猜测每个标签的作用并完成导学案中表格1-1的填写。

初步认识HTML语言，知道常用标签的作用。设置超链接设置文档头部设置新一行设置文档主体使网页内容居中设置内容的一级标题设置图像设置网页标题标签作用head/headtitle/titlebody/bodyh1/h1p/pimgsrc=***/***.jpgah