网页设计与制作第2章
第2章 网页设计与制作-HTML语言基础
由“<”和“>”组成的就是标记。在HTML 语言中标记分“单标记”和“双标记”。
2.1 HTML概述
2.2 文本的编辑
2.2.3 标题显示等级
语法格式为：
<hn>…</hn>
n：表示不同级别的标题，n值可以是1-6中 的任意数字，其中1表示的标题字体最大。
可以用align属性设置对齐方式，常用的有 左对齐，居中，右对齐三种对齐方式。
2.2 文本的编辑
2.2.4 列表
在HTML中，列表常用的有“有序列表”和 “无序列表”。
2.2 文本的编辑
2.2.4 列表
2．无序列表 基本语法结构为：
<ul type=“n”>
<li>项目1</li> <li>项目2</li>
……
<li>项目n</li>
</ul>
Type:设置符号形状，有实心圆、小正方形、 空心圆三种，具体如下：
n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：符号为空心圆。
绝对路径：完整的描述文件位置的路径就 是绝对路径。对于绝对路径可以不需要知道其 他任何信息就可以判断出文件的位置。
相对路径：所谓相对路径,顾名思义就是当 前文档与目标的相对位置。例<src = "1.bmp">.
网页设计与制作第2章
本章要点：
◆ 文字的使用 ◆ 插入Flash动画 ◆ 给网页设置背景 ◆ 给网页添加背景音乐 ◆ 插入水平线和更新日期
教学进程
2.1 网页的基本操作
双击“index.htm”文件
教学进程
2.2 使用表格
2.1.1 插入表格 1 执行【插入】|【表格】命令
将光标移到要插入表格的位置。 方法一：在【插入】工具栏中选择【常用】 项，单击【表格】按钮 。 方法二：执行【插入】|【表格】命令。
教学进程
2.4.3 输入文字
● 文本排版常见问题：
● 方法一
执行【插入】|【HTML】| 【特殊字符】|【换行符】命令 来完成 ● 方法二 使用快捷键Shift+Enter
使用回车换行时，段落间距太大 时，可以使用换行符来代替回车， 方法有两种。
教学进程
2.4.4 设置文字的属性
● 文章开头无法按空格键空出两格。
教学进程
2.4.8 插入背景图片
(1) 步骤一
打开【页面属性】对话框。
(2) 步骤二
在【外观】分类中，单击【背景图像】后面的【浏览】 按钮。
(3)
步骤三
选择“images”目录下的“back.gif”文件。
教学进程
2.4.9 插入背景音乐
步骤
切换到【代码】视图或者【拆分】视图，在<head>与</head>之间 加入如下代码： <bgsound src="sound.mid" loop="-1">
教学进程
2.3.2 设置Flash动画的属性
选择该Flash动画，在属性面板中可以设置【宽度】。 调整对应单元格的尺寸。
网页设计与制作2
二、网页的制作 网页的制作分为六个部分：
1．标题 2．文字 3．图片 4．背景 5．特殊效果 6．网页排版
2.4 网页制作基础
一、设计前的考虑因素 1．总体规划 2．网站主题 3．用户优先
最高的行动准则就是“用户优先”。 没有用户去光顾，任何主页都没有意义。 4．响应时间 5．内容第一
三、网页文件的设计原则
1． 总体设计 2．主题鲜明、结构合理 3．组织网页 4．设计首页的考虑
首页（Homepage）作为网页文件的第 一页，在整个网页文件中具有举足轻重的 作用。
5．网页设计的标准
2.2 网页的创意设计
网页的创意设计一般应遵循以下两个原则： （1）依据信息内容的意义和结构进行情节
2.1 网页文件的规划
一、网页文件的种类 （1）公司、单位信息发布 （2）出版物，即电子报刊 （3）个人主页 （4）在线购物站点 （5）专题介绍 （6）实用信息服务
二、 网页文件的规划
网页文件的规划也就是网页文件的 内容组织和结构设计。
合理的结构设计对于网页文件的规 划是至关重要的。
（1） 分级结构 （2） 线性结构 （3） Web结构
化、理性化的统调布局和必要的图像符 号化处理。 （2）网页的创意设计还必须重视“形象思 维”的情感象征意义的传达，以有别于 知识性思考形式审美结构的营造。
一、 网页创意设计的意义、功能和目的
网页创意设计是否成功，除了其内容 因素外，首先要看其在视觉上能否引人 注目。
网页的创意设计包括文字排列方向、 字群聚散组合，字体大小风格的选择， 图片的分布及色彩与空白的经营，不仅 追求网页形式的变化，更重视各视觉元 素的不同形式和构成能给人在感情上造 成不同的心理感受，并体现不同的主题。
网页设计与制作第二章
下一页
最后页
删除线
退出
大字体 小字体
2.2 文本格式标记
字型标记和字符样式标记是用示例：
第一页
上一页
下一页
最后页
退出
<html> <head><title>字型标记的应用</title></head> <body> <h3 align=“center”>字型标记</h3> <p><b>这些字符为粗体</b><br> <i>这些字符为斜体</i><br> <u>这些字符加下划线</u><br> <b><u><i>粗体、斜体、加下划线 </i></u></b><br> 上标示例：X<sup>2</sup>Y<sup>2</sup>=9<br> 下标示例：X<sub>2</sub>=4或H<sub>2</sub>0 <br> 删除线应用示例：<s>删除</s> </body> </html>
2.2 文本格式标记
2.2.4 字体标记
第一页
字体标记作用是设置标记之间文本的字体、大小、颜色等。字 体标记为<font>…</font>，该标记的常用属性及其作用如下表所 示。
字体标记的属性 face 作用 用于设置字体标记之间文本 的字体，其值为“宋体”、 “楷体”……等。 用于设置字体标记之间文本 的大小，其值为1、2、3…… 等。 用于设置字体标记之间文本 的颜色，颜色设置同body标 记的bgcolor属性。 用于设置鼠标指向字体标记 之间文本时的提示信息，如 图2-4(C)所示。 示例 <font face="隶书">字体设置为隶书</font>
网页设计与制作——JavaScript+jQuery标准教程 教案 第2章 JavaScript基础
电子商务网页设计与制作
授课教案
学年第学期
课前：
【教师布置调研任务】
调研主题：《了解JavaScrip的语法规则》
要求：以小组为单位，通过网络查找的方式了解JaVaSeriP的语法规则。
制作汇报PPT,提交到“微信群”。
【学生调研，教师线上指导】
学生采用线上调研的方式，开展调研。
教师使用“微信群”对学生进行指导。
（教师对各组调研成果进行评价】
教师查阅学生调研结果PPT,对每个小组的PPT进行评价，记录评价成绩，并挑选出优秀作品。
课后：
【学生使用JaVaSCriP代码设计一个根据分数评价等级的程序】
小组成员团结协作，练习使用JaVaSCriP代码的相关内容；使学生掌握使用JaVaSCriP 代码编程的能力。
教师使用“微信群”对学生进行指导。
填表说明：1本页可续页；2.教学方法如：项目教学、案例分析、分组讨论、角色扮演、启发引导等;
3.教学手段如：课件演示、模型讲解、实物讲解、挂图讲解、视频讲解、网络课程等。
网页设计与制作课件第2章
2．工具栏
工具栏中放置了一些常用按钮，如打开文档、文件管理等。 它会随着当前窗口的变化而显示不同的内容。另外，单击 最下面的省略号可以打开“自定义工具栏”对话框，可以 在该对话框中设置工具栏中要显示的按钮，如图所示。
Hale Waihona Puke 项目二 网站创建与管理7
3三、网页的本质 ．文档标签栏
文档标签栏左侧显示当前打开的所有网页文档的标签（标签上显示相应网页文档的名称）及其关闭按钮； 右侧显示当前文档在本地磁盘中的保存路径以及向下还原按钮 ；文档标签下方显示当前文档中包含的文档 以及链接的文档。当用户打开多个网页时，通过单击文档标签可在各网页之间切换。另外，单击下方的包 含文档或链接文档，同样可打开相应文档，如图所示。
目录页
CONTENTS PAGE
项目二 网站创建与管理
案例一 案例二 案例三
创建企业网站本地站点——站点基本操作
案例四
为企业网站制作欢迎页面——网页文档基本操作
案例说明
Dreamweaver是一款集网页制作和网站管理于一身，所见即所得的 网页编辑软件。Dreamweaver CC 2017是其最新版本，本书就以该 软件为例介绍网页设计与制作的相关知识（为便于讲解，后面统一 称为Dreamweaver CC）。本案例首先启动该软件，然后熟悉其工 作界面上的各组成元素，最后在案例实施中调整Dreamweaver CC 的工作界面，以达到进一步熟悉Dreamweaver CC工作界面的目的。
项目二 网站创建与管理
5
二、认识Dreamweaver CC工作界面
启动Dreamweaver CC
后，进入其工作界面， 按【Ctrl+N】组合键， 在打开的文档中单击 “创建”按钮，新建一 个文档，如图所示。
网页设计与制作2
2．复制站点 ．
若要复制当前站点，可以使用文档窗口或站点窗口中“ 若要复制当前站点，可以使用文档窗口或站点窗口中“管理 站点”菜单的“复制站点”命令，打开“管理站点”对话框。 站点”菜单的“复制站点”命令，打开“管理站点”对话框。选 中要复制的站点名称，单击“复制” 中要复制的站点名称，单击“复制”按钮即可对当前站点进行复 制操作。 制操作。
2、站点窗口
在Dreamweaver 8的编辑窗口，选择“站点|管理站点”菜单， 的编辑窗口，选择“ 站点 管理站点”菜单， 的编辑窗口 管理站点 可以打开站点窗口。 可以打开站点窗口。
3、定义新站点
方法一： 方法一： 站点|新建站点 站点 新建站点 方法二： 方法二： 站点|管理站点 管理站点|新建站点 站点 管理站点 新建站点
1、Dreamweaver8的安装 2、Dreamweaver8的工作界面
（1）菜单栏 ） （2）插入工具组 ） （3）标准工具栏 ） （4）工作界面 ） （5）状态栏 ） （6）属性面版 ） （7）面版组 ） （8）日志 ）
3、Dreamweaver8的视图
作为一种所见即所得( 的网页编辑软件， 作为一种所见即所得 WYSIWYG)的网页编辑软件， 的网页编辑软件 Dreamweaver自动在用户创建网页时生成底层的 自动在用户创建网页时生成底层的HTML代码， 代码， 自动在用户创建网页时生成底层的 代码 同时提供了很好的HTML代码编辑功能。使用工具栏中的视图 代码编辑功能。 同时提供了很好的 代码编辑功能 切换按钮可以很方便地切换到代码视图， 切换按钮可以很方便地切换到代码视图，以便查看当前编辑网 页的HTML源代码。 源代码。 页的 源代码
指定网页文档的标题和边距 1、设定网页文档的标题
网页设计与制作智慧树知到课后章节答案2023年下长江职业学院
网页设计与制作智慧树知到课后章节答案2023年下长江职业学院长江职业学院第一章测试1.网站是网页的基本构成元素。
（）。
A:对 B:错答案:错2.在Web标准中，行为标准主要包括xml和xhtml两个部分。
（）。
A:对 B:错答案:错3.目前最新的HTML版本是（）。
A:HTML5 B:HTML1.0 C:HTML4.0 D:HTML2.0答案:HTML54.HBuilder中，新建文件的快捷键是（）。
A:Ctrl+N B:Alt+L C:Ctrl+F D:Ctrl+S答案:Ctrl+N5.制作网页时一般需要兼容以下哪些浏览器（）。
A:IE浏览器 B:谷歌浏览器 C:opera浏览器 D:火狐浏览器答案:IE浏览器;谷歌浏览器;火狐浏览器第二章测试1.当图像不能显示时，可以用下列哪个属性设置替换文本（）A:alt B:font C:head D:face答案:alt2.下面的选项中，属于网页上常用图片格式的是（）A:JPG格式 B:PNG格式 C:PSD格式 D:GIF格式答案:JPG格式;PNG格式;GIF格式3.HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。
（）A:对 B:错答案:对4.下列选项中，属于段落标签的是( )A:<hn>标题文本</hn> B:<hr>标题文本</hn> C:<p>标题文本</p> D:<hr>标题文本</hr>答案:<p>标题文本</p>5.下列标签中，用于设置文本斜体的是（）A:<i></i>和<em></em> B:<b></b>和<strong></strong> C:<del></del>D:<ins></ins>答案:<i></i>和<em></em>第三章测试1.在CSS中，用于设置首行文本缩进的属性是（）A:text-decoration B:text-align C:text-indent D:text-transform答案:text-indent2.在下列选项中，background-position属性值书写正确的是（）A:p{ background-position:top 10 ;} B:p{ background-position:10 top ;}C:p{ background-position:left 10; } D:p{ background-position:left top; }答案:p{ background-position:left top; }3.下列选项中，属于背景属性的是（）A:color B:background-image C:background-repeat D:background答案:background-image;background-repeat;background4.在下面的选项中，符合CSS基础选择器的语法格式的是（）。
网页设计与制作 第2章
第二章 FrontPage 基本知识
6、在 Web 浏览器中预览网页 如果已经在计算机上安装 Microsoft Internet Explorer 3.0 以上版本，可单击网页视图模式下的 “预览” 以上版本， 预览” 选项卡
或“文件” 菜单上的 “在浏览器中预览” ，来快速预览当 在浏览器中预览” 文件” 前网页。 前网页。 若要以站点访问者用站点浏览器浏览的角度来正确预览 网页的话，就应该先保存网页。 网页的话，就应该先保存网页。可以将 Microsoft FrontPage 设置成预览网页前自动保存。 设置成预览网页前自动保存。 文件” 在浏览器中预览” 单击 “文件” 菜单上的 “在浏览器中预览”，然后选 自动保存网页” 复选框。 择 “自动保存网页” 复选框。（快捷键 Ctrl + Shift + B） ）
第二章 FrontPage 基本知识
也可以将背景图片设置为水印， 也可以将背景图片设置为水印，即此图片不会像网页一 背景图片设置为水印 样滚动。然而， 浏览器都支持水印。 样滚动。然而，并非所有的 Web 浏览器都支持水印。 3、将一个网页的背景和颜色应用于另一个网页 操作步骤： 操作步骤： 在网页视图模式下，打开想要应用背景和颜色的网页。 在网页视图模式下，打开想要应用背景和颜色的网页。 右键单击网页，然后单击快捷菜单中的 “网页属性”。 右键单击网页， 网页属性” 背景” 选项卡， 单击 “背景” 选项卡， 选择 “从另一网页获得背景 信息” 复选框。 信息” 复选框。 浏览” 选择包含使用的背景和颜色的网页。 单击 “浏览”， 选择包含使用的背景和颜色的网页。
第二章 FrontPage 基本知识
2）设置文本字体（ 快捷键 Alt + Enter） 设置文本字体（ ） 可以通过选择文本字形、样式、大小和颜色来设置所选 可以通过选择文本字形、样式、 文本的字体；也可以将不同的效果应用到文本，例如∶ 文本的字体；也可以将不同的效果应用到文本，例如∶删除 线和小型大写字母。 线和小型大写字母。 在网页视图模式下，选择要设置其格式的文本， 在网页视图模式下，选择要设置其格式的文本，单击鼠 标右键， 字体” 字体” 标右键，然后单击快捷菜单中的 “字体”。在 “字体” 选项卡中， 字体” 字型” 大小” 颜色” 选项卡中，从 “字体”、“字型”、“大小” 和 “颜色” 框中，选择选项来设置文本格式； 效果” 框中，选择选项来设置文本格式；也可以在 “效果” 下选 择一个或多个选项。 预览” 区域中， 择一个或多个选项。在 “预览” 区域中，将显示文本在应 用设置值之后的效果。 用设置值之后的效果。 3）插入特殊字符 在网页视图模式下，将光标放在要插入字符的位置。 在网页视图模式下，将光标放在要插入字符的位置。在 插入” 菜单中， 符号” “插入” 菜单中，单击 “符号”；选择插入字符单击 插入” 关闭” “插入”，然后单击 “关闭”。
网页设计与制作第2章
第2章 HTML实作基础——文字、段落及背景标记一、知识要点：1、文字格式<font size=数字 face=字体名 color=颜色>文字</font>属性：size：设置文字的大小，1~7，1最小，7最大，默认3号；face：设置文字的字体，默认宋体；color：设置文字的颜色，默认黑色。
<basefont size=数字> 设置文字的基准大小，数字介于1~7之间；<font size=±数字>文字</font> 在<basefont size=数字>在基准文字大小的基础上改变±文字大小。
表示颜色有两种方法：★常用色彩，可用英文单词表达。
如：“红色”--“red”;“蓝色”--“blue”★采用三色组合方式：RGB（rrggbb）代码色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
采用三色组合时，可以直接书写各种颜色的值，也可以用调色板选取。
234<marquee bgcolor=颜色 width=像素数或百分比 height=像素数 direction=left/right/up/down loop=正整数/-1/infinite behavior=scroll/side/alternate scrollamount=速度数值scrolldelay=延时数值>文字</marquee> <marquee>这是我做的第一个网页，真高兴。
<br></marquee> 属性：bgcolor：设置字幕的背景色，默认为白色；width：字幕宽度，可以以像素为单位或相对于窗口宽的百分比，默认为100%；height：高度，以像素为单位；direction：移动的方向为从右到左、从左到右、从下到上或从上到下，默认为从右到左；loop：循环次数为正整数或无限循环（-1或infinite），默认为无限循环；behavior：scroll文字单向滚动，side滚动文字到达边界停止，alternate滚动文字到达边界后反向滚动，默认为scroll；scrollamount：文字移动速度；scrolldelay：移动每步的延时。
网页设计与制作课件第2章
对网页进行操作时，多使用“插入”栏和“属性”面板，那样 可以提高制作网站的效率。
上一页 返回
2.1.3用表格制作网页
上一页 返回
2.1.2 表格的修改嵌套
目标案例
2.1.2．表格的修改嵌套
在表格的单元格里嵌入一个表格，并用“属性”面板对表格或单元格进行修 改，实例最终效果如下图所示。
打 开 源 文 件
最 终 效 果 预 览
下一页 返回
操作步骤
步骤1：创建一个站点，主页为index.html页面，打开主页创建一个1行2列，宽为
步骤3：选中创建的表格，在“属性”检查器上给边框添加边框颜色为 #FF0000。
上一页 下一页 返回
知操识作点步评骤
步骤4：把鼠标移到第二个单元格，在“属性”检查器上给单元格添加背景 颜色为#00CC00。
步骤5：执行【文件】→【保存】菜单命令或利用快捷键【Ctrl+S】保存网 页文件，预览网页按【F12】键。
上一页 下一页 返回
知识点评
下面是有关表格属性的各参数含义说明。 『表格Id』如果要在网页中使用脚本语言来控制表格，就需要在该下拉 列表文本框中为表格命名。 『行』和『列』用于设置表格的行数和列数。 『宽』和『高』用于设置表格的宽度和高度。 『填充』用于设定单元格中内容与边框之间的距离，默认值为2。 『间距』用于设定单元格之间的距离，默认值为2。 『对齐』用于设表格的对齐方式。包含4个选项：“默认”“左对 齐”“居中对齐”和“右对齐”。 『边框』用于设定表格边框的宽度。
第2章 网页设计与制作PPT课件
8．网站的宣传和推广 网站发布后，还要不断地进行宣传，这样 才能让更多的朋友认识它，提高网站的访问率 和知名度。网站宣传和推广的方法有很多，例 如到搜索引擎上注册，与别的网站交换链接， 运用网络广告等。
9．网站的更新和维护 网站是需要经常维护和更新内容的，必须 不断给它补充新的内容，才能够长期吸引住浏 览者。
《网页设计与制作》 5
2.1.2 网站建设的步骤 建设一个网站一般要经过以下步骤：网站目标和主题
的确定、网站的规划、网站素材的准备、网站制作工具的 选择和确定、网站的建立、注册域名和申请网页空间、网 站的测试和发布、网站的宣传和推广以及网站的更新和维 护。
1．网站目标和主题的确定 1）网站目标的确定 为什么要建立网站，是为了宣传产品，进行电子商务， 还是建立行业性网站？是企业的需要还是市场开拓的延伸？ 如果是个人网站，比如说是交朋友的、学习讨论的还是兴 趣爱好的？建立网站前目标要明确。另外还应该知道谁是 网站将来的访问者，例如，明确该网站是面向于消费者？ 雇员？学生？朋友还是家庭的？只有知己知彼，才能避免 在网站建设中出现很多问题，使网站建设能顺利进行。
《网页设计与制作》 14
这两种基本结构都只是理想方式，在实际 的网站设计中，总是将这两种结构混合起来使 用，希望浏览者既可以方便快速地到达自己需 要的页面，又可以清晰地知道自己的位置。所 以，最好的办法是：首页和一级页面之间用星 状链接结构，一级和二级页面之间用树状链接 结构。
《网页设计与制作》 15
《网页设计与制作》 11
2．网站的规划 网站的规划包括总体结构的设置、目录的设 置和链接结构的设置。 1）网站总体结构的确立 网站总体结构的确立至关重要，它是网站设 计能否成功的关键所在。规划一个网站结构，可 以用树状结构先把每个页面的内容大纲列出来， 尤其是要制作一个有很多页面的大网站时，特别 需要把这个架构规划好，同时要考虑到以后可能 的扩充性，免得做好以后又要一改再改整个网站 的架构，十分累人，也十分费时。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第2章 HTML实作基础——文字、段落及背景标记
一、知识要点：
1、文字格式
<font size=数字 face=字体名 color=颜色>文字</font>
属性：size：设置文字的大小，1~7，1最小，7最大，默认3号；
face：设置文字的字体，默认宋体；
color：设置文字的颜色，默认黑色。
<basefont size=数字> 设置文字的基准大小，数字介于1~7之间；
<font size=±数字>文字</font> 在<basefont size=数字>在基准文字大小的基础上改变±文字大小。
表示颜色有两种方法：
★常用色彩，可用英文单词表达。
如：“红色”--“red”;“蓝色”--“blue”
★采用三色组合方式：RGB（rrggbb）代码
色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
采用三色组合时，可以直接书写各种颜色的值，也可以用调色板选取。
2
3
4
<marquee bgcolor=颜色 width=像素数或百分比 height=像素数 direction=left/right/up/down loop=正整数/-1/infinite behavior=scroll/side/alternate scrollamount=速度数值scrolldelay=延时数值>文字</marquee> <marquee>这是我做的第一个网页，真高兴。
<br></marquee> 属性：bgcolor：设置字幕的背景色，默认为白色；
width：字幕宽度，可以以像素为单位或相对于窗口宽的百分比，默认为100%；
height：高度，以像素为单位；
direction：移动的方向为从右到左、从左到右、从下到上或从上到下，默认为从右到左；
loop：循环次数为正整数或无限循环（-1或infinite），默认为无限循环；
behavior：scroll文字单向滚动，side滚动文字到达边界停止，alternate滚动文字到达边界后反向滚动，默认为scroll；
scrollamount：文字移动速度；
scrolldelay：移动每步的延时。
5、设置分段
<p align=left/center/right>文字</p>
属性：align：段落的水平对齐方式, 默认为居左。
6、设置换行、不换行
文字<br>：强制换行；
<nobr>文字</nobr>：强制不换行。
7、设置标题文字
<hn align=水平对齐方式>文字</hn>
n指定标题文字的大小，n取1~6，有分段和文字加粗效果，h1文字最大，h6文字最小；
8、设置居中对齐
<center>文字</center>
9、设置分区显示
<div align=水平对齐方式>文字或图像</div>：用于排版大块段落、表格等。
在后面的图形图象的内容可以看到
10、预排格式
<pre>文字</pre>：保留文字在纯文字编辑器中的格式，原样显示，不受前面的文字和段落格式的影响。
11、文本缩进
<blockquote>文字</blockquote>：一个<blockquote>将文字缩进5个字符。
12、设置水平线
<hr align=水平对齐方式 size=像素数 width=宽度值 color=颜色 noshade>
属性：size：线条的粗细，像素为单位，默认为2；
noshade：设定为无阴影，默认为有阴影。
13、设置网页主体
<body bgcolor背景颜色 text=颜色 background=URL leftmagin=像素数 topmargin=像素数>……
</body>
属性：text：设置网页的文字的颜色，默认为黑色；当<BODY>与<FONT>标记同时对文字颜色进行定义时，<FONT>标记优先；
background：设置网页的背景图形，浏览器所能接受的图形文件的URL；
leftmagin：页面左右的空白，以像素为单位；
topmargin页面上下的空白，以像素为单位。
二、例题分析
例2．1：制作如图所示的网页，要求章为标题H2，居中，隶书，红色；节为标题H3，居左，黑体，绿色；
正文为宋体，蓝色。
整个网页背景为乳白色。
<html><head><title>例2-1</title></head>
<body bgcolor=#ffffee>
<h2 align=center><font color=#ff0000 face=隶书>第2章</font></h2>
<h2 align=center><font color=#ff0000 face=隶书>HTML实作运用——文字、段落及背景标记</font></h2> <p align=left> <font color=#0000ff face=宋体>本章将针对HTML中文字的格式设置及排版的方式，做一下说明，并实际依照HTML的语法及标记的使用方法，配合实际的运行，使大家能更了解HTML的妙用。
</font></p>
<h3 align=left><font face=黑体 color=#00ff00>2-1 文字</font></h3>
<p align=left> <font color=#0000ff face=宋体>当我们在浏览别人的网页时，不知是否注意到网页中的文字是多变的，是有色彩的。
而本节我们就将带领各位进入文字的多变世界。
</font></p>
</body></html>
例2．2：
<html><head><title>例2-3</title></head>
<body bgcolor=#000000 text=#ff00FF background=c:\windows\Backgrnd.gif topmargin=50
leftmargin=10>
<p><font color=#000088>紫色是网页背景色彩的默认值，若是你觉得太单调，可采用<BODYBGCOLOR=#valu e>改变网页背景的颜色。
</font></p>
<p><font color=#FF8800>若要以图形作为网页的背景，则使用<BODY BACKGROUND=路径\图形文件名称></font></p>
<p>当<BODY>与<FONT>标记同时对文字颜色进行定义时，<FONT>标记优先。
</p>
</body></html>
三、实作训练
2.1：制作如下图所示的网页，背景图片为C盘Windows文件下的安装程序.bmp，标题为滚动字幕，从左到右
滚动速度20，紫色，3号字；第一根水平线，蓝色，宽100%，粗2，有阴影；公式为深红色；第二根水平线，深绿色，宽400px，粗1，居左，无阴影；公式的超文本也为深红色。
并把正确的HTML代码写在下面。