欢迎来到天天文库
浏览记录
ID:40338014
大小:1.58 MB
页数:30页
时间:2019-07-31
《网页制作技术(第二版)许莉 03.任务三 制作多媒体页面》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、网页制作技术(第二版)主编许莉中国水利水电出版社网页设计与制作任务三制作多媒体页面学习目标了解网页标记语言HTML的基本语法和常用标签命令掌握页面标题、属性、头文件的设置方法掌握常用网页元素的插入方法掌握动画、声音、视频的插入方法完成简单多媒体页面的制作任务三制作多媒体页面目录:知识1HTML的基本结构知识2常用的HTML标签命令知识3常用网页元素的插入任务1完成页面的准备工作任务2插入Flash动画任务3插入声音或音乐任务4插入视频任务4制作多媒体页面任务三制作多媒体页面知识1HTML的基本结构Html是英文HyperTextMarkupLanguage的缩写,中文意
2、思是“超文本标记语言”,它是一种专门用于创建web超文本文档的结构语言,它能告诉Web浏览程序如何显示Web文档(即网页)的信息,如何链接各种信息。1.HTML的标签结构在HTML中,所谓标签,指的是对于元素内容进行控制的符号,其具体形式是用一对尖括号“<>”括起来的字符串。(1)单标签<标签名称>(2)双标签<标签>内容标签>(3)标签属性<标签名字属性名=属性名对应的的选择值[…]>知识1HTML的基本结构2.HTML的文件结构一个HTML文档,通常由两部分组成:即标头区(head)和主体区(body)。标头区(head):用于存放该HTML文档的属性内容,即该
3、页面的序言,一般情况下,此处都包含有Web页面的标题(Title);主体区(body):定义Web页面的具体内容。在HTML文件中,各个部分中所定义的项都称为元素(element)。标头区定义的元素称为头元素,在主体区中定义的元素称为主体元素。【例3.1】一个HTML文档的基本结构知识1HTML的基本结构3.HTML的文常用的HTML标签种类HTML标签的命令种类繁多,常用HTML标签命令可分为以下几种类型:(1)文件结构命令(2)文字版面编辑命令(3)链接命令(4)列表命令(5)表格命令(6)表单命令(7)图像命令(8)框架命令知识2常用的HTML标签命令1.文件结构
4、命令文件结构命令用来标记出HTML文件的结构,常用的文件结构命令有:
为了排列的整齐、清晰,文字段落之间,我们常用<
5、P>
来标记,段落的结束由
的开始就意味着上一个
的结束。
标签还有一个属性ALIGN,它用来指名字符显示时的对齐方式,一般值有LEFT(左)、CENTER(中)、RIGHT(右)三种。【例3.4】文件段落标签
示例知识2常用的HTML标签命令(3)文字格式控制标签标签用于控制文字的字体,大小和颜色。控制方式是利用属性设置得以实现的。格式:FONT标签的相关属性:face设
6、置文字使用的字体,默认值为宋体size设置文字的大小,默认值为3color设置文字的颜色,默认值为黑色【例3.5】控制文字的格式知识2常用的HTML标签命令(4)格式化文本标签为了让文字富有变化,或者为了着意强调某一部分,HTML提供了一些标签产生这些效果,现将常用的标签列举如下:粗体斜体加下划线打字机字体大型字体小型字体闪烁效果表示强调,一般为斜体表示特别强调,一般为粗体7、E>用于引证、举例,一般为斜体【例3.6】字体样式示例知识2常用的HTML标签命令(5)行中断标签在编写HTML文件时,我们不必考虑太细的设置,也不必理会段落过长的部分会被浏览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩小时,浏览器会自动将右边的文字转折至下一行。所以,编写者对于自己需要断行的地方,应加上标签。【例3.7】无换行示例和换行示例知识2常用的HTML标签命令(6)文字滚动标签滚动字幕的使用使得整个网页更有动感,显得很有生气。用HTML的滚动字幕标签所需的代码最少,能够以
7、E>用于引证、举例,一般为斜体【例3.6】字体样式示例知识2常用的HTML标签命令(5)行中断标签在编写HTML文件时,我们不必考虑太细的设置,也不必理会段落过长的部分会被浏览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩小时,浏览器会自动将右边的文字转折至下一行。所以,编写者对于自己需要断行的地方,应加上标签。【例3.7】无换行示例和换行示例知识2常用的HTML标签命令(6)文字滚动标签滚动字幕的使用使得整个网页更有动感,显得很有生气。用HTML的滚动字幕标签所需的代码最少,能够以
此文档下载收益归作者所有