第四单元　第18课 　美化网页方法多　课件　2024—2025学年人教版（2024）初中信息科技七年级 全一册.pptxVIP

美化网页方法多信息科技七年级第四单元第18课人教版（2024）第四单元《校园活动线上展》

0401网页效果对比——美化的价值05用CSS美化网页02网页美化的两种方式目录实践活动1——用HTML美化网页03用HTML美化网页06实践活动2——用CSS美化网页

网页效果对比——美化的价值两种网页的呈现效果，你会选择哪一种？

网页效果对比——美化的价值观察并总结网页美化的部分都有什么？字体字号背景字体颜色对齐方式

网页美化的两种方式用HTML美化网页用CSS美化网页可以在一定程度上美化网页，比如通过字体标签、颜色属性等来调整文本的显示，但美化往往有限且繁琐开发者可以实现统一的样式更改，而不需要对每个元素单独设置样式。使得样式的调整更加灵活、高效且易于维护。

用HTML美化网页观察左侧HTML代码，哪条语句是设置背景颜色的？标签属性值作用bodybgcolor#RRGGBB规定背景的颜色，采用十六进制表示颜色值，如bodybgcolor=#0000FFbodybgcolor=#87CEFA

用HTML美化网页HTML颜色由红色、绿色、蓝色混合而成，HTML颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。三种颜色红，绿，蓝的组合从0到255，一共有1600万种不同颜色(256x256x256)。

用HTML美化网页观察左侧HTML代码，哪条语句是可以设置字体、字号和字体颜色的？fontsize=7face=黑体color=#8A2BE2标签属性值作用fontcolor#RRGGBB规定文本颜色，采用十六进制表示颜色值，如fontcolor=#FF0000face字体系列名称规定文本的字体，如fontface=楷体size字体大小规定文本的大小，如fontsize=6

用HTML美化网页观察左侧HTML代码，哪条语句是可以对齐方式的？标签作用center/center用于将内容居中对齐,已过时并不常用

用HTML美化网页观察左侧HTML代码，哪条语句是可以对齐方式的？标签作用center/center用于将内容居中对齐,已过时并不常用

用HTML代码美化网页猜猜“nbsp”的作用是什么？HTML中的一个特殊字符实体，表示“不间断空格”（Non-BreakingSpace）。它在网页排版中非常有用，尤其是在需要控制空格显示和格式化文本时。

实践活动1——用HTML美化网页任务要求：1、实现设置网页背景颜色，设置的颜色为#87CEFA2、②③实现设置一级标题和二级标题的内容居中显示3、二级标题字号设置为7号，字体为楷体，颜色为#8A2BE24、一级标题字号设置为6号，字体为黑体，颜色为#A52A2A5、“风力发电……”这段文字需进行首行缩进HTML注释的语法是!--和--，它们用于包裹注释内容

用CSS美化网页观察CSS代码，分析并找出可以进行网页美化的部分？

用CSS美化网页用CSS语句由选择器和声明两部分构成，选择器指向需要改变样式的网页元素，一个选择器对应的声明可以有多条，每条声明有属性和值组成，属性和值之间用冒号分开。每条声明以分号结束，所有声明用一对大括号括起来。body{background-color:#b0e5ec;}选择器（需要改变样式的HTML元素）声明开始大括号声明结束大括号声明（属性和值被:分开，以;结束）属性属性值

用CSS美化网页headstylebody{background-color:#87CEFA;}h1{font-family:楷体；font-size:40px;color:#f8645a;}/style/headsytle标签CSS网也内的CSS可以放在style/style之间。观察并猜测CSS代码部分具体的美化内容是什么？

用CSS美化网页CSS属性值作用color#RRGGBB设置文本颜色，采用十六进制表示颜色值，如{color:#FF0000;}font-family字体系列名称设置文本的字体，如{font-family:楷体;}font-size长度值px/em设置文本的大小，如{font-size:6px;}background-color#RRGGBB设置背景颜色，采用十六进制表示颜色值，如{background-color:#0000FF;}text-alignleft左对齐文本，如{text-align:left;}right右对齐文本，如{text-align:right;}center居中对齐文本，如{text-align:center;}text-indent长度值px/em设置