第18课 美化网页方法多——利用HTML修饰网页 课件 2026-2027学年人教版初中信息科技七年级全一册
2026-07-02
|
11页
|
9人阅读
|
0人下载
特供
资源信息
| 学段 | 初中 |
|---|---|
| 学科 | 信息科技 |
| 教材版本 | 初中信息科技人教版七年级全一册 |
| 年级 | 七年级 |
| 章节 | 第18课 美化网页方法多 |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2026-2027 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 385 KB |
| 发布时间 | 2026-07-02 |
| 更新时间 | 2026-07-02 |
| 作者 | xkw_029103449 |
| 品牌系列 | - |
| 审核时间 | 2026-05-22 |
| 下载链接 | https://m.zxxk.com/soft/57994756.html |
| 价格 | 2.00储值（1储值=1元） |
| 来源 | 学科网 |
摘要：
这是一份初中信息科技同步教学课件，聚焦HTML网页修饰，涵盖背景颜色设置、文字字体大小及颜色调整、元素对齐方式学习，通过标签-属性-值语法规则、具体标签表格、实例代码及实操训练构建学习支架。
资料特色突出，以表格清晰呈现font、body等标签的属性与值对应关系，结合<body bgcolor="#87cefa">等代码实例和修改index.html的训练任务，培养学生计算思维（抽象网页修饰结构）和数字化学习能力（用记事本编辑网页），帮助学生掌握网页美化技能，为教师提供层次分明的教学资源。初中学生正处于从基础操作向代码应用过渡阶段，该资料通过直观实例和实操任务，能有效提升学生自主实践能力，适应信息科技学习需求。
内容正文：
第四单元第18课（一）
利用HTML修饰网页
讲课人：刘东
1、学会修饰网页的背景颜色
2、学会修饰网页文字的字体
大小及颜色
3、了解网页元素的对齐方式
学习内容
网页修饰的方法
基本标签
HTML标签
CSS
修饰网页语法规则：
由<标签 属性=值>组成
标 签 属 性 值 作 用
<font> color #RRGGBB 规定文本颜色，采用十六进制表示颜色值，如<font color="#FF0000">
face font_family 规定文本的字体，如<font face="楷体">
size number 规定文本的大小，如<font size="6">
<body> bgcolor #RRGGBB 规定背景的颜色，采用十六进制表示颜色值，如<body bgcolor="#0000FF">
<p> align left 左对齐文本，如<p align="left">
right 右对齐文本，如<p align="right">
center 居中对齐文本，如<p align="center">
<body bgcolor=“#87cefa”> </body>
修饰网页背景的方法：
标签
属性
值
学习目标1：打开“jiqigou.html”
<h1><font size=“10” face=”黑体” color=”#a52a2a”> </font></h1>
修饰文字的方法：
标签
属性
值
学习目标2：打开“jiqigou.html”
属性
值
属性
值
学习目标1训练
使用“记事本”程序，打开D盘10文件夹下index.html文件
1
给该网页添加一个背景
2
保存代码，察看网页效果
学习目标2训练
使用“记事本”程序，打开D盘10文件夹下index.html文件
1
给该网页的H1设置字号、字体、颜色
2
将该网页中的元素全部居中
3
保存代码，察看网页效果
课后小结：同学们，通过这节课的
学习，你学到了哪些知
识呢？
$
资源预览图
1
2
3
4
5
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。