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

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