HTML教学课件
合集下载
第三讲信息化教学设计ppt课件
2024/1/29
4
信息化教学设计的重要性
适应信息时代发展需求
随着信息技术的快速发展，传统的教 学方式已无法满足信息时代的需求， 信息化教学设计有助于推动教育教学 的改革与创新。
提高教学效果和质量
通过信息化教学设计，可以充分利用 多媒体和网络技术，激发学生的学习 兴趣和积极性，提高教学效果和质量 。
2024/1/29
28
其他新兴技术的应用
2024/1/29
虚拟现实技术
虚拟现实技术可以为学生提供一个身临其境的学习环境，提高学 习效果和体验。
人工智能技术
人工智能技术可以应用于智能推荐、智能答疑、学习路径规划等 方面，为学生提供更加个性化的学习服务。
大数据分析技术
大数据分析技术可以对学生的学习行为进行分析和挖掘，为教师 提供更加精准的教学决策支持。
2024/1/29
教学过程组织合理、 紧凑、有序；
35
信息化教学设计的评价标准与方法
专家评审法
邀请专家对教学设计进行评审和打分 ；
同行评议法
邀请同行教师进行教学设计交流和评 议；
2024/1/29
36
信息化教学设计的评价标准与方法
学生评价法
通过问卷调查或在线评价系统收集学生对教学设计的意见和建议；
2024/1/29
24
05
信息化教学设计中的技术 应用
2024/1/29
25
多媒体课件制作技术
2024/1/29
PowerPoint等课件制作工具
利用PowerPoint等软件进行课件制作，可以方便地整合文字、图片、音频、视频等多种 媒体资源，使教学内容更加丰富多彩。
Flash等动画制作技术
dw教学课件-第四讲----表格布局
<th>…</th>设置表格头：通常是黑体居中文字
9
3、创建表格
单击插入常用工具栏上的按钮 将光标停放在选定的位置，执行插入→表格 将插入面板中的按钮从插入面板中拖到页面的相应
位置。
10
4、设置表格属性
Table id(表格名） Rows设置表格的行数，Cols设置表格的列数 Width：设置表格的宽度，以像素或百分比为单位 Height：设置表格的高度，以像素或百分比为单位
任务一、网页布局
在页面设计中，页面布局是一个很重要的部分， DW中提供了表格、布局表格、布局单元格、层、 框架来设计网页布局的方法。 布局的辅助功能 1、使用标尺： 单位： 坐标原点：可以移动，也可以重设原点. 显示：查看－标尺－显示 2、使用网格：查看－网格－网格设置
6
3、跟踪图像 页面属性－跟踪图像－透明度。它可以更好地帮助 进行网页的设置，完成初步的布局绘制布局表格和 布局单元格）。预览时，追踪图像是无图象显示的 仅仅作为辅助功能。
11Βιβλιοθήκη Cellpad(填充)：单元格填充值 Cellspace（间距）:单元格间距 Align（对齐）：表格的对齐方式 Border（边框）：表格的边框宽度 Bordcolor（边框颜色）:表格边框色 Bgcolor：表格背景色 Bgimage：表格背景图像
12
5、设置单元格属性
前提：选中单元格或光标定位到单元格中 Horz(水平):设置单元格内容的水平对齐方式． Vert（垂直）：设置单元格的垂直对齐方式． W和H：以像素表示的单位设置单元格的宽度和高
情况下，标题单元格中的内容被设为粗体并且居中对 齐
14
6、表格的基本操作 选择表格整体、行、列、单元格 调整整个表格、行、列大小 插入/删除行和列 合并/拆分单元格 复制及粘贴单元格
9
3、创建表格
单击插入常用工具栏上的按钮 将光标停放在选定的位置，执行插入→表格 将插入面板中的按钮从插入面板中拖到页面的相应
位置。
10
4、设置表格属性
Table id(表格名） Rows设置表格的行数，Cols设置表格的列数 Width：设置表格的宽度，以像素或百分比为单位 Height：设置表格的高度，以像素或百分比为单位
任务一、网页布局
在页面设计中，页面布局是一个很重要的部分， DW中提供了表格、布局表格、布局单元格、层、 框架来设计网页布局的方法。 布局的辅助功能 1、使用标尺： 单位： 坐标原点：可以移动，也可以重设原点. 显示：查看－标尺－显示 2、使用网格：查看－网格－网格设置
6
3、跟踪图像 页面属性－跟踪图像－透明度。它可以更好地帮助 进行网页的设置，完成初步的布局绘制布局表格和 布局单元格）。预览时，追踪图像是无图象显示的 仅仅作为辅助功能。
11Βιβλιοθήκη Cellpad(填充)：单元格填充值 Cellspace（间距）:单元格间距 Align（对齐）：表格的对齐方式 Border（边框）：表格的边框宽度 Bordcolor（边框颜色）:表格边框色 Bgcolor：表格背景色 Bgimage：表格背景图像
12
5、设置单元格属性
前提：选中单元格或光标定位到单元格中 Horz(水平):设置单元格内容的水平对齐方式． Vert（垂直）：设置单元格的垂直对齐方式． W和H：以像素表示的单位设置单元格的宽度和高
情况下，标题单元格中的内容被设为粗体并且居中对 齐
14
6、表格的基本操作 选择表格整体、行、列、单元格 调整整个表格、行、列大小 插入/删除行和列 合并/拆分单元格 复制及粘贴单元格
课件什么意思
课件什么意思课件是指在教学过程中使用的一种辅助教学工具，通常以电子形式呈现。
它通过将教学内容以图文、音频、视频等多种形式整合在一起，便于教师在课堂上进行展示和讲解，同时也能够提供给学生用于课后复习和巩固知识。
课件的意义在于提供了一种更加直观、生动的教学方式，能够激发学生的学习兴趣和积极性。
相比传统的黑板教学，课件具有更丰富的表现形式，可以通过图片、动画、视频等多媒体元素来展示教学内容，使得知识更加形象、易于理解。
同时，课件还可以根据教学目标和学生特点进行灵活设计，使得教学过程更加个性化和差异化。
另外，课件还具有便于备课和修改的特点。
教师可以通过将教学内容整理成课件的形式，方便在课堂上进行展示和讲解。
而且，一旦需要对教学内容进行修改或更新，只需要对课件进行相应的编辑和调整即可，避免了重复准备教材的繁琐过程。
此外，课件还有助于提高教学效率和效果。
通过使用课件，教师可以更好地掌控教学进度和时间，将教学内容进行合理的分段和组织，避免了教学过程中的冗余和重复。
同时，课件还能够激发学生的思维和参与，通过提供互动环节和练习题等功能，让学生积极参与到教学中来，提高学习效果。
然而，课件并非万能，它也存在一些潜在的问题和挑战。
首先，过度依赖课件可能会导致教师的教学能力和创造力的下降。
如果教师过于依赖课件，只是简单地按照课件的内容进行讲解，而缺乏对教学内容的深入理解和思考，那么教学效果可能会受到一定的影响。
其次，课件的制作和使用需要一定的技术和时间成本。
对于一些技术水平较低的教师来说，制作和使用课件可能会面临一些困难和挑战。
此外，课件的使用也需要教师具备一定的教学设计和组织能力，否则可能会导致教学内容的呈现不够系统和有序。
总之，课件作为一种辅助教学工具，对于提高教学效果和效率具有一定的意义。
它通过多媒体元素的运用，使得教学内容更加生动、形象，能够激发学生的学习兴趣和积极性。
同时，课件还能够提高教师备课和教学的便捷性，使得教学过程更加个性化和差异化。
教材PPT全套电子课件完整版ppt整本书电子教案最全教学教程整套课件精选全文
任务3 二维图形转换为三维模型
技能拓展
项目七 机械零件三维建模
知识目标 能力目标
1.能绘制由基本体组合的三维实 体。
2.能将三维基本体、拉伸实体和 旋转实体三种方法结合起来创建
较复杂的三维模型。
1.能灵活运用布尔运算进行三维 绘图。
2.能熟练运用三维编辑命令，绘 制较复杂的三维造型。
项目七 机械零件三维建模
项目四 二维图形编辑
任务2 手柄绘制
任务实施 完成任务-----画手柄平面图
项目四 二维图形编辑
任务2 手柄绘制
任务拓展
画曲板平面图
项目七 机械零件三维建模
知识目标 能力目标
1.能绘制由基本体组合的三维实 体。
2.能将三维基本体、拉伸实体和 旋转实体三种方法结合起来创建
较复杂的三维模型。
1.能灵活运用布尔运算进行三维 绘图。
• 会利用镜像、偏移 命令画对称零件。
• 能熟练使用样条曲 线
项目三 复杂二维图形绘制
任务2 图案填充
相关知识
样条
图案
曲线
填充
ห้องสมุดไป่ตู้
镜像 偏移
修剪
项目三 复杂二维图形绘制
任务2 图案填充
任务实施 完成任务-----画轴的零件图
绘制一张零件图的步骤 1 设置绘图界限 ------- A4, A3 2 绘图单位------- 默认 3设置图层--------根据线型需要设置 4画边框线，标题栏 5画基准线 6 画轮廓线
项目三 复杂二维图形绘制
知识目标
能力目标 工作任务
➢学会编辑对象的基本操作 ➢学会使用编辑工具编辑图形
本项目主要介绍常用绘制图形工具的使用方法和 操作方法，以及选取对象、编辑和对象设置的操 作方法。
技能拓展
项目七 机械零件三维建模
知识目标 能力目标
1.能绘制由基本体组合的三维实 体。
2.能将三维基本体、拉伸实体和 旋转实体三种方法结合起来创建
较复杂的三维模型。
1.能灵活运用布尔运算进行三维 绘图。
2.能熟练运用三维编辑命令，绘 制较复杂的三维造型。
项目七 机械零件三维建模
项目四 二维图形编辑
任务2 手柄绘制
任务实施 完成任务-----画手柄平面图
项目四 二维图形编辑
任务2 手柄绘制
任务拓展
画曲板平面图
项目七 机械零件三维建模
知识目标 能力目标
1.能绘制由基本体组合的三维实 体。
2.能将三维基本体、拉伸实体和 旋转实体三种方法结合起来创建
较复杂的三维模型。
1.能灵活运用布尔运算进行三维 绘图。
• 会利用镜像、偏移 命令画对称零件。
• 能熟练使用样条曲 线
项目三 复杂二维图形绘制
任务2 图案填充
相关知识
样条
图案
曲线
填充
ห้องสมุดไป่ตู้
镜像 偏移
修剪
项目三 复杂二维图形绘制
任务2 图案填充
任务实施 完成任务-----画轴的零件图
绘制一张零件图的步骤 1 设置绘图界限 ------- A4, A3 2 绘图单位------- 默认 3设置图层--------根据线型需要设置 4画边框线，标题栏 5画基准线 6 画轮廓线
项目三 复杂二维图形绘制
知识目标
能力目标 工作任务
➢学会编辑对象的基本操作 ➢学会使用编辑工具编辑图形
本项目主要介绍常用绘制图形工具的使用方法和 操作方法，以及选取对象、编辑和对象设置的操 作方法。
《教学秘书》课件
申请账号
在使用教学秘书之前，首先需要 申请账号并进行登录。
创建班级
根据课程情况创建对应的班级， 并在班级中添加学生。
使用课堂管理
在课堂上使用教学秘书，可以轻 松地进行点名和签到，同时还可 以进行提问和作业管理。
教学秘书的优势
1
提高教学效率
教学秘书提供点名、签到、课堂提问、作业管理等多种功能，帮助老师更好地进 行课堂教学。
2
丰富课堂活动
通过教学秘书的提问功能，可以轻松激发学生的学习兴趣和积极性，丰富课堂活 动。
3
方便作业管理
教学秘书提供作业管理功能，老师可以轻松地布置作业并收取学生作业，方便作 业管理和批改。
使用教学秘书的注意事项
• 保护学生个人信息，保障信息安全。 • 使用教学秘书需遵守相关法律法规，严格执行学校相关规章制度和部门管理要求。 • 教学秘书只是课堂辅助工具，仍需老师本人进行教学设计和授课。
教学秘书 PPT 课件
本 PPT 课件旨在向大家介绍如何使用教学秘书这一工具，帮助老师更好地进 行课堂教学。
教学秘书是什么
课堂管理软件
教学秘书可以帮助老师对学生进行点名、签到、课堂提问、作业管理等多种功能。
多种功能
教学秘书提供点名、签到、课堂提问、作业管理等多种功能，提高教学效率。
如何使用教学秘书
教学秘书的应用场景
小学教学
适用于小学课堂管理，帮助老 师全面了解学生学情，有效提 高教学质量。
中学教学
适用于中学课堂管理，有助于 提高课堂秩序和学生参与度， 促进教学质量提升。
大学教学
适用于大学课堂管理，帮助老 师更好地开展学生管理和教学 活动，提升课堂教学效果。
教学秘书的应用效果
html课件2PPT教学课件
……
2020/12/10
13
单元格的合并
横跨两行的单元格
2020/12/10
14
❖ <tr>
❖ <th >姓名</th>
❖
<td >Bill Gates</td>
❖ </tr>
❖ <tr>
❖ <th rowspan="2">联系电话</th>
❖
<td>555-12345</td>
❖ </tr>
❖ <tr>
a2 a3 <br>b2 b3</td> <td>a4</td> ❖ </tr> ❖ <tr>
<td>b1</td><td>b4</td> ❖ </tr>
2020/12/10
22
用align属性设置对齐方式
❖ </tr>
❖ <tr>
❖
<td>b1</td>
<td>b2</td><td>b3</td><td>b4</td>
❖ </tr>
❖ <tr>
❖
<td>c1</td>
2020</12t/d10>c2</td><td>c3</td><td>c4</td>
2020/12/10
13
单元格的合并
横跨两行的单元格
2020/12/10
14
❖ <tr>
❖ <th >姓名</th>
❖
<td >Bill Gates</td>
❖ </tr>
❖ <tr>
❖ <th rowspan="2">联系电话</th>
❖
<td>555-12345</td>
❖ </tr>
❖ <tr>
a2 a3 <br>b2 b3</td> <td>a4</td> ❖ </tr> ❖ <tr>
<td>b1</td><td>b4</td> ❖ </tr>
2020/12/10
22
用align属性设置对齐方式
❖ </tr>
❖ <tr>
❖
<td>b1</td>
<td>b2</td><td>b3</td><td>b4</td>
❖ </tr>
❖ <tr>
❖
<td>c1</td>
2020</12t/d10>c2</td><td>c3</td><td>c4</td>
HTML教学 ppt课件
网页设计与制作教程
第2章 超文本标记语言HTML
ppt课件
1
2.1 HTML文件的基本结构 2.2 文字和段落标记 2.3 列表标记 2.4 图片标记 2.5 表格标记 2.6 超链接标记 2.7 表单标记 2.8 框架标记
ppБайду номын сангаас课件
目 录
2
2.1 HTML文件的基本结构
2.1.1 HTML概述 2.1.2 HTML语法 2.1.3 HTML文件的基本结构
<META http-equiv=”Page-Exit” content=”revealTrans (duration=5,transition=2) ”>的意思是离开本网页时，页 面将按圆形收缩的形式切换成其他网页，并且整个切换 时间为5秒。
ppt课件
14
2. HTML文件主体
HTML文件主体标记的格式为： <BODY backgrongd=”文件名” bgcolor=”颜色值” text=” 颜色值” link=”颜色值” vlink=”颜色值” alink=”颜色值”> 网页的内容</BODY>
ppt课件
9
name属性主要用于描述网页，其常用的选项有 GENERATOR、Keywords、description、robots、 author等。 GENERATOR用来说明制作本网页所用的编辑工具， Keywords用来告诉搜索引擎本网页的关键字是什么， description用来告诉搜索引擎本网页的主要内容， robots用来告诉搜索机器人那些页面需要索引，哪些页 面不需要索引，
ppt课件
27
表2-2 设置各种字型的标记
<B>受影响的文字</B> <I>受影响的文字</I> <U>受影响的文字</U> <TT>受影响的文字</TT> <BIG>受影响的文字</BIG> <SMALL>受影响的文字</SMALL> <BLINK>受影响的文字</BLINK> <SUB>受影响的文字</SUB> <SUP>受影响的文字</SUP> <STRIKE>受影响的文字</STRIKE>
第2章 超文本标记语言HTML
ppt课件
1
2.1 HTML文件的基本结构 2.2 文字和段落标记 2.3 列表标记 2.4 图片标记 2.5 表格标记 2.6 超链接标记 2.7 表单标记 2.8 框架标记
ppБайду номын сангаас课件
目 录
2
2.1 HTML文件的基本结构
2.1.1 HTML概述 2.1.2 HTML语法 2.1.3 HTML文件的基本结构
<META http-equiv=”Page-Exit” content=”revealTrans (duration=5,transition=2) ”>的意思是离开本网页时，页 面将按圆形收缩的形式切换成其他网页，并且整个切换 时间为5秒。
ppt课件
14
2. HTML文件主体
HTML文件主体标记的格式为： <BODY backgrongd=”文件名” bgcolor=”颜色值” text=” 颜色值” link=”颜色值” vlink=”颜色值” alink=”颜色值”> 网页的内容</BODY>
ppt课件
9
name属性主要用于描述网页，其常用的选项有 GENERATOR、Keywords、description、robots、 author等。 GENERATOR用来说明制作本网页所用的编辑工具， Keywords用来告诉搜索引擎本网页的关键字是什么， description用来告诉搜索引擎本网页的主要内容， robots用来告诉搜索机器人那些页面需要索引，哪些页 面不需要索引，
ppt课件
27
表2-2 设置各种字型的标记
<B>受影响的文字</B> <I>受影响的文字</I> <U>受影响的文字</U> <TT>受影响的文字</TT> <BIG>受影响的文字</BIG> <SMALL>受影响的文字</SMALL> <BLINK>受影响的文字</BLINK> <SUB>受影响的文字</SUB> <SUP>受影响的文字</SUP> <STRIKE>受影响的文字</STRIKE>
小学信息技术教学完整ppt课件
windows98一般窗口word的基本窗口精选ppt1双击桌面word快捷图标2开始程序microsoftword3开始新建office文档打开office文4在桌面弹出快捷菜单新建microsoftword文档在桌面创建一个word空文档图标双击该图标5通过我的电脑或资源管理器找到相应驱动器文件夹中的word文件单击
另外， Microsoft Office办公套装软件其它七大组件
可编辑课件PPT
4
课外信息
Office2000的八大组件
商桌 业面 图出 形版
网数 页据 制库 作处 软理 件
个电表文 人子格字 信演处处 息示理理 管 理
00 000
Word2 0 0 0 Excel2 0 0 0 Powwerpoint2 0 0 0
（6）“开始”－“运行”－输入Winword.exe程
序。
可编辑课件PPT
8
教学过程
说
出
窗
口
中
各
窗口介绍
部
分
提示：
1、Word 窗口和Windows应用程序窗口很相似，你能记住窗口中的哪些名称？
2、工具栏内图标按钮体现了“菜单栏”中的一些主要功能，利用这些按钮进行相
应操作
可编辑课件PPT
9
Word窗口的特点
我是热 情的欢 欢！
福娃欢欢的灵感来源于圣火 以及中国古代的风火轮。
我是自 由的迎 迎！
福娃迎迎的灵感来 源于中国的藏羚羊 形象。
可编辑课件PPT
福娃妮妮的灵感 来源于动物燕子 形象以及中国的 沙燕风筝的造型。
我是灵 活的妮 妮！
31
此课件下载可自行编辑修改，此课件供参考！ 部分内容来源于网络，如有侵权请与我联系删除！感谢你的观看！
另外， Microsoft Office办公套装软件其它七大组件
可编辑课件PPT
4
课外信息
Office2000的八大组件
商桌 业面 图出 形版
网数 页据 制库 作处 软理 件
个电表文 人子格字 信演处处 息示理理 管 理
00 000
Word2 0 0 0 Excel2 0 0 0 Powwerpoint2 0 0 0
（6）“开始”－“运行”－输入Winword.exe程
序。
可编辑课件PPT
8
教学过程
说
出
窗
口
中
各
窗口介绍
部
分
提示：
1、Word 窗口和Windows应用程序窗口很相似，你能记住窗口中的哪些名称？
2、工具栏内图标按钮体现了“菜单栏”中的一些主要功能，利用这些按钮进行相
应操作
可编辑课件PPT
9
Word窗口的特点
我是热 情的欢 欢！
福娃欢欢的灵感来源于圣火 以及中国古代的风火轮。
我是自 由的迎 迎！
福娃迎迎的灵感来 源于中国的藏羚羊 形象。
可编辑课件PPT
福娃妮妮的灵感 来源于动物燕子 形象以及中国的 沙燕风筝的造型。
我是灵 活的妮 妮！
31
此课件下载可自行编辑修改，此课件供参考！ 部分内容来源于网络，如有侵权请与我联系删除！感谢你的观看！
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<META http-equiv=”Content-Type” content=”text/html” charset=”gb_2312-80”> 通知浏览器本HTML文件使用 了gb2312字符集，是简体中文网页。 <META http-equiv=”Refresh” content=”2” url=””>可以使当前网页在2秒 后自动转到北京化工大学北方学院的主页 （） 去，这就是META的刷新 作用，在Content中，2代表设置的时间（单位为秒）， 而URL就是在指定的时间后自动连接的网页地址。如果 网页地址就是本页的地址，那么就是自动刷新。
3. 设置段落标记
设置段落标记的格式为： <P align=对齐方式>文字</P> 其中属性align用来设置段落的对齐方式，可以为left、center 或right，分别表示段落左对齐、段落居中、段落右对齐。默 认为left。
例2-6 段落标记的使用。
<HTML> <HEAD> <TITLE>段落标记的使用</TITLE> </HEAD> <BODY> <P>登鹤雀楼</P> <P align=center>白日依山尽，<br> 黄河入海流。</P> <P align=right>欲穷千里目，<br> 更上一层楼。</P> </BODY> </HTML>
2.1.2 HTML语法 <标记>受标记影响的内容</标记> <标记 属性1=属性值 属性2=属性值…>受标记影响的内 容</标记> 例如，可以用字体标记<FONT>的字号属性size指定文 字的大小，HTML语句如下： <FONT size=1>本行字将以较小字体显示</FONT>
2.1.3 HTML文件的基本结构
2.2.1 标题文字标记<Hn>
标题文字标记的格式为： <Hn align=对齐方式>标题文字</Hn> 属性n用来指定标题文字的大小，可以取1～6的整数值， 取1时文字最大，6时文字最小。在一个标题行中无法使用 不同大小的字体。 属性align用来设置标题在页面中的对齐方式，有left（左 对齐）、center（居中）和right（右对齐）三种选择。
4. 水平线
水平线标记的格式为： <HR align=”对齐方式” size=”横线粗细” width=”横线长度” color=”横线颜色” noshade>。
例2-3 用<FONT>设置文字的大小、字体和颜色。
<HTML> <HEAD> <TITLE>用FONT标记设置文字大小、字体和颜色</TITLE> </HEAD> <BODY> 普通文字<br> <FONT size=1>1号字</FONT> <FONT size=7>7号字</FONT><br> <FONT size=4 face=宋体>宋体4号字</FONT> <FONT size=3 face=华文彩云>华文彩云3号字</FONT><br> <FONT color=red>红色</FONT> <FONT size=6 face=隶书 color=#0000FF>蓝色隶属6号字 </FONT> </BODY> </HTML>
META标记的格式为： <META name=”选项名” http-equiv=”选项名” content=”字符串”>
name属性主要用于描述网页，其常用的选项有 GENERATOR、Keywords、description、robots、 author等。 GENERATOR用来说明制作本网页所用的编辑工具， Keywords用来告诉搜索引擎本网页的关键字是什么， description用来告诉搜索引擎本网页的主要内容， robots用来告诉搜索机器人那些页面需要索引，哪些页 面不需要索引， author用来标注网页的作者。
网页设计与制作教程
第2章 超文本标记语言HTML
2.1 HTML文件的基本结构 2.2 文字和段落标记
2.3 列表标记
2.4 图片标记 2.5 表格标记 2.6 超链接标记 2.7 表单标记 2.8 框架标记
目 录
2.1 HTML文件的基本结构 2.1.1 HTML概述 2.1.2 HTML语法 2.1.3 HTML文件的基本结构
http-equiv属性相当于http的文件头作用，它可以向浏览 器传回一些有用的信息，以帮助正确和精确地显示网页 内容，其常用的选项有Content-Type、Expires、 Refresh等等。 Content-Type用以说明网页所使用的字符集； Expires用于设定网页的到期时间；一旦网页过期，必须 到服务器上重新传输； Refresh用于自动刷新并指向新页面。 Name属性和http-equiv属性不能在同一个标记中使用。
表2-2 设置各种字型的标记 <B>受影响的文字</B> <I>受影响的文字</I> <U>受影响的文字</U> <TT>受影响的文字</TT> <BIG>受影响的文字</BIG> <SMALL>受影响的文字</SMALL> <BLINK>受影响的文字</BLINK> <SUB>受影响的文字</SUB> <SUP>受影响的文字</SUP> <STRIKE>受影响的文字</STRIKE> 粗体 斜体 加下划线 标准打印机字体 大型字体 小型字体 闪烁效果 下标 上标 加删除线
2.2.2 文字标记<FONT>
文字标记的格式为： <FONT size=数字 face=字体名 color=颜色> 被设置的文字 </FONT>
① 属性size用来设置文字的大小。数字的取值范围从1～ 7，size取1时文字最小，取7时文字最大。 ② 属性face用来设置字体。如黑体、宋体、楷体 _GB2312、仿宋_Gb312、隶书、Times New Roman 等。 ③ 属性color用来设置文字颜色。颜色可以用相应英文单 词或以“#”引导的一个十六进制数代码来表示，参见 表2-1。
颜色的表示方法 ① 以命名方式定义常用的颜色，如RED、blue等。 ② 以RGB值表示，如#FF0000表示red，#0000ff表示 blue。
常用16种色彩的英文名和RGB值对照
预定义色彩
Aqua Navy
RGB值
#00FFFF #000080
预定义色彩
gray silver
RGB值
n>设置标题
<HTML> <HEAD> <TITLE>设置标题</TITLE> </HEAD> <BODY> <H1>第1级标题——H1</H1> <H2 align=left>第2级标题——H2</H2> <H3 align=center>第3级标题——H3</H3> <H4 align=right>第4级标题——H4</H4> </BODY> </HTML>
Black
Olive Blue
#000000
#808000 #0000FF
green
teal lime
#008000
#008080 #00FF00
Purple
Fuchsia Red
#800080
#FF00FF #FF0000
yellow
maroon white
#FFFF00
#800000 #FFFFFF
2.2.3 段落标记 1. 2. 3. 4. 强制换行标记 强制换段标记 设置段落标记 水平线
1. 强制换行标记<BR>
强制换行的格式为： 文字<BR>
例2-5 强制换行标记的使用
<HTML> <HEAD> <TITLE>强制换行标记的使用</TITLE> </HEAD> <BODY> 登鹤雀楼 白日依山尽 黄河入海流 欲穷千里目， 更上一层楼。<br <B>登鹤雀楼</B><BR> 白日依山尽，<br> 黄河入海流。<br> 欲穷千里目，<br> 更上一层楼。<br> </BODY> </HTML>
使用META标记，还可以在进入网页或者离开网页时实 现动画效果。 例如<META http-equiv=”Page-Enter” content=”revealTrans (duration=5, transition=9) ”>的意 思是，进入本页面（http-equiv=”Page-Enter”）时，页 面将按水平百叶窗（transition=9）的形式展开，整个展 开过程历时3秒（duration=3）。 <META http-equiv=”Page-Exit” content=”revealTrans (duration=5,transition=2) ”>的意思是离开本网页时，页 面将按圆形收缩的形式切换成其他网页，并且整个切换 时间为5秒。