网页制作技术（第二版）-电子教案-许莉03.任务三制作多媒体页面.pptVIP

网页制作技术（第二版） 主编 许莉 中国水利水电出版社 尚辅网 / 网页设计与制作 任务三 制作多媒体页面 学习目标 了解网页标记语言HTML的基本语法和常用标签命令 掌握页面标题、属性、头文件的设置方法 掌握常用网页元素的插入方法 掌握动画、声音、视频的插入方法 完成简单多媒体页面的制作 任务三 制作多媒体页面 目录： 知识1 HTML的基本结构 知识2 常用的HTML标签命令 知识3 常用网页元素的插入 任务1 完成页面的准备工作 任务2 插入Flash动画 任务3 插入声音或音乐 任务4 插入视频 任务4 制作多媒体页面 任务三 制作多媒体页面 知识1 HTML的基本结构 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标记语言”，它是一种专门用于创建web超文本文档的结构语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何链接各种信息。 1.HTML的标签结构 在HTML中，所谓标签，指的是对于元素内容进行控制的符号，其具体形式是用一对尖括号“＜＞”括起来的字符串。 (1)单标签 　 标签名称 (2)双标签 标签 内 容 /标签 (3)标签属性 　 标签名字 属性名=属性名对应的的选择值 [ … ] 知识1 HTML的基本结构 2.HTML的文件结构 一个HTML文档，通常由两部分组成：即标头区（head）和主体区（body）。 标头区（head）：用于存放该HTML文档的属性内容，即该页面的序言，一般情况下，此处都包含有Web页面的标题（Title）；主体区（body）：定义Web页面的具体内容。 在HTML文件中，各个部分中所定义的项都称为元素（element）。标头区定义的元素称为头元素，在主体区中定义的元素称为主体元素。 【例3.1】一个HTML文档的基本结构 知识1 HTML的基本结构 3.HTML的文常用的HTML标签种类 HTML标签的命令种类繁多，常用HTML标签命令可分为以下几种类型： (1)文件结构命令 (2)文字版面编辑命令 (3)链接命令 (4)列表命令 (5)表格命令 (6)表单命令 (7)图像命令 (8)框架命令 知识2 常用的HTML标签命令 1.文件结构命令 文件结构命令用来标记出HTML文件的结构，常用的文件结构命令有： html/html head/head title/title body/body 【例3.2】Html文档中文件结构命令的使用 知识2 常用的HTML标签命令 2.文字版面编辑命令 (1)标题标签：Hn 一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大。 【例3.3】显示六个等级的标题 知识2 常用的HTML标签命令 (2)文件段落标签：P 为了排列的整齐、清晰，文字段落之间，我们常用P/P来做标记。文件段落的开始由P来标记，段落的结束由/P来标记，/P是可以省略的，因为下一个P的开始就意味着上一个P的结束。 P标签还有一个属性ALIGN，它用来指名字符显示时的对齐方式，一般值有LEFT（左）、CENTER（中）、RIGHT（右）三种。 【例3.4】文件段落标签p示例 知识2 常用的HTML标签命令 (3)文字格式控制标签FONT ??? FONT标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。 格式：font face=值1 size=值2 color=值3〉文字 /font FONT标签的相关属性： face设置文字使用的字体，默认值为宋体 size设置文字的大小，默认值为3 color设置文字的颜色，默认值为黑色 【例3.5】控制文字的格式 知识2 常用的HTML标签命令 (4)格式化文本标签 为了让文字富有变化，或者为了着意强调某一部分，HTML提供了一些标签产生这些效果，现将常用的标签列举如下： B　　　　　/B　　　　　 粗体 I　　　　　/I　　　　　 斜体 U　　　　　/U　　　　　 加下划线 TT　　　　 TT　　　　　打字机字体 BIG　　　　/BIG　　　　大型字体 SMALL　　　/SMALL　　　小型字体 BLINK　　　/BLINK