计算机基础-列表、图片与多媒体标记

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,HTML&CSS,回顾,HTML,概念,HTML,基本结构,文字标记,段落标记,课程知识拓扑图,本次课内容,HTML,的列表标记,HTML,的图片标记,HTML,的多媒体标记,本次课知识点的作用,本次课通过学习列表、图片、多媒体的标记，可完成页面基本内容标记的编写，为后期学习页面布局打下基础。,教学目标,掌握列表标记、图片标记、多媒体标记,教学重难点,重点：,列表标记、图片标记、多媒体标记,难点：列表嵌套,本次课教学目标与重难点,基本语法,:,项目一,项目二,1.,无序列表,基本语法,:,项目一,项目二,type:,disc:,实心圆,(,默认值,),circle:,空心圆,square:CSS1,实心方块,无序列表,的,type,属性,基本语法,:,项目一,项目二,2.,有序列表,基本语法,:,项目一,项目二,type:,1:,阿拉伯数字,I:,大写罗马数字,i:,小写罗马数字,A:,大写英文,a:,小写英文,有序列表,的,type,属性,网页常用图片格式,GIF,（,Graphics Interchange Format,）图像,(.GIF),JPEG,（,Joint Photographic Experts Group,）图像,(.JPG),图片的源文件,src,图片的排列,align,图片的宽度和高度,width;height,图片的边框,border,图片的提示,alt,img,-,属性,1.,背景音乐,2.,嵌入多媒体内容,3.,滚动文字标记,多媒体标记,1.,背景音乐来源标记,src,语法：,2.,背景音乐循环次数属性,loop,语法：,将循环播放不止,背景音乐标记,bgsound,基本语法：,嵌入多媒体内容,语法：,.,（默认方向由右至,左,）,滚动文字标记,作用：,在网页中制作文字的滚动效果,1.,滚动方向属性,direction,语法：,.,value=“up”,向上,value=“down”,向下,value=“left”,向左,value=“right”,向右,滚动文字属性,2.,滚动方式属性,behavior,语法：,.,作用：,设定文字的滚动方式,value=“scroll”,循环往复,value=“slide”,只进行一次,value=“alternate”,交替进行滚动,滚动文字属性,3.,滚动速度属性,scrollamount,语法：,4.,滚动延迟速度属性,scrolldelay,语法：,滚动文字属性,本次课课程总结,1,列表标记,2,图片标记,3,多媒体标记,作业布置与要求,1,、练习本次课学习的内容,2,、,完成一个页面的制作,下次课内容,表格标记,3,1,