第4章图像、多媒体与超链接讲解.pptVIP

网页基础--HTML 第 4 章 图像、多媒体与超链接 了解HTML文档中常用图像格式 掌握图片在HTML文档中的应用 在网页中添加多媒体 理解绝对路径与相对路径 掌握HTML文档中的超链接 * 上章回顾 strike标签为其中的文本加上删除线，格式标签基 本上是一种视觉效果。 br标签用于在HTML文档中设定换行，此标签不需要 结束标签。 marquee标签用于设置一种特殊的文本显示效果，使 元素呈现动态的、滚动的特效。 HTML文档中的列表类型有三种：无序列表、有序列表、 定义列表。 start属性指定列表的起始编号。 本章进阶 网页中常用的图像格式 能够被大多数浏览器接受的主流图片格式有三种 GIF图像 JPEG图像 PNG图像 GIF图像 GIF图像的特点 支持背景透明 支持动画 支持图形渐进 支持无损压缩 最大的缺点是只有256种颜色 JPEG图像 JPEG图像的特点 支持上百万种颜色，适合照片。 使用更有效的有损压缩算法。 高压缩比，方便了网络传输和磁盘交换文件。 有损压缩对图像会产生不可恢复的损失，不支 持图形渐进、背景透明、动画。 PNG图像 PNG图像的特点 支持256种颜色的彩色图像 允许连续读出和写入图像数据 逐次逼近显示特性 支持透明 平台无关性 使用无损压缩 在网页中插入图像 img 标签用于将图片插入HTML文档中，此标签没有结束标签。 html head title在HTML文档中使用图像/title /head body h1font color=greenb小狗的家/b/font/h1 hr pimg src=dogs.jpg width=260 height=200 hspace=5 vspace=5 border=2 align=top alt=可爱的小狗顶部对齐/p /body /html 图形标签 图形标签的主要属性 src 指定图像文件的位置。 width、height 设定图片大小，此宽度、高度一 般采用像素作单位。 hspace、 vspace 设定图片边沿空白，以免文字或 其它图片过于贴近，采用像素作单位。 border 用于设定图片边框的厚度，以像素作单位。 align 调整图片旁边文字的位置。 alt 用以描述该图片的文字。 使用背景图像 通过使用body标记的background属性可以将图片设置为文档的背景。 html head title在HTML文档中使用图像/title /head body background=GreenGrass.jpg h1 align=centerfont color=red b关于人生 /b/font/h1hr pnbsp; nbsp;今天看书，看到康熙皇帝在二十三岁的时候已经贵为一国之君，绩伟功丰，我很沮丧。但又看到同治皇帝在二十三岁时已经死了四年了，我平衡了。 /p /body /html 如果图像小于文档的显示区域，则会以平铺图像的形式填充显示区域。 网页中的背景音乐 在网页中经常使用的音频格式 MIDI格式 HTML文档中音乐文件的标准格式，具有很 好的声音品质。 WAV格式 作为最经典的Windows多媒体音频格式，应 用非常广泛，声音品质较好。 MP3格式 是一种压缩格式，可以缩小声音文件的容 量，其声音品质非常好。 网页中的背景音乐 bgsound标签可以用于插入背景音乐，但只 有IE浏览器支持。 例如，bgsound src=StudyForThreeHands.mp3 loop=infinite autostart=true 。 使用embed标签添加声音到网页上，是一种 使用内嵌对象的方式。 例如，embed align=center width=400 height=300 src=01.wav autostart=true 网页中的背景音乐 embed标签的主要属性 align 嵌入对象的对齐方式 width、height 嵌入对象的宽度、高度 src 声音文件的路径 autostart 音频文件下载后是否自动播放 loop 是否循环播放 hidden 是否显示嵌入对象 IE浏览器支持embed标签播放次数的属性是playcount 在网页中插入视频 html head title在HTML文档中插入视频/title /head body embed