《设置图像、列表、多媒体解读》由会员分享，可在线阅读，更多相关《设置图像、列表、多媒体解读（22页珍藏版）》请在金锄头文库上搜索。
1、授课教师：黄彩霞 E-MAIL：906037985 复习 网页是HTML文档。 HTML（Hypertext Markup Language）超文本 标记语言是一种专门用于网页制作的描述性的 标记语言。 HTML文档的结构。 文本标记 (1)标题标记 n的取值为16 (2)段落相关标记 段落标记 强制换行标记 复习 文本标记 (3)文字的修饰标记 为文本设置字体、字号、颜色标记 与 加粗标记 与 斜体标记 复习 文本标记 (4)插入特殊字符 复习 水平分隔线标记 居中对齐标记 注释标记 2.4.2 图像标记 n图片是网页中不可缺少的元素，巧妙地在网页 中使用图片可以为网页增色。 n目前在网页中
2、使用的图片格式主要有GIF和 JPG两种。 nGIF图像仅有256中颜色，但占用空间小，下 载速度快，支持动画效果及背景色透明，适合 于线条构成的，颜色种类比较少的图像。 nJPG图像支持1670万种颜色，适合色彩比较 细腻的图像(照片等)。 n首选GIF格式。 2.4.2 图像标记 nHTML语言用标记在网页中插入图片。 n用法： n计算机中的文件都是按照层次结构保存在一级 一级的文件夹中的，这就好像是学校分为若干 个年级，每个年级又分为若干个班级。 n相对路径：即从自己的位置出发，依次说明到 达目标文件的路径。 n绝对路径：即先指明最高级的层次，然后依次 向下说明到达目标文件的路径。 2.
3、4.2 使用图像 n文件路径：举例说明 2.4.2 使用图像 n(1)如果图像文件在本网站内部，通常采用相对路 径。 2.4.2 使用图像 n(a)如果在f-01文件夹中的a.htm需要显示同一个文件夹 中的cup.gif文件。 n(b)如果在f-04文件夹中的02文件夹中的b.htm需要显示 同一个文件夹中的cap.gif文件。 n(c)如果在f-04文件夹中的c.htm需要显示02文件夹中的 cap.gif文件。 n(d)如果在f-04文件夹中的02文件夹中的b.htm需要显示 01文件夹中的hat.gif文件。 2.4.2 使用图像 n(e)如果在f-04文件夹中的02文件夹中的b.ht
4、m需要显示f -01文件夹中的cup.gif文件。 n(f)如果在f-01文件夹中的a.htm需要显示f-04文件夹中 的02文件夹中的cap.gif文件。 2.4.2 使用图像 (2)如果图像文件不在本网站内部，通常以 “http:/”开头来描述图像文件的路径。 2.4.2 图像标记 n在HTML中可以设定图像的显示大小； n通常情况下按照原本的大小显示，也可以根据 情况来设置大小。 n利用width和height属性来设置其宽度和高度 。 n属性值可以是像素(绝对大小)或百分比(相对 大小) n注意：即使图像按照原始尺寸显示，在HTML 中应指明图像的高度和宽度，这样会使网页的 显示速度更
5、快。 2.4.2 图像标记 n由于一些原因，图像无法正常显示，可以通过 设置替换文本来告诉浏览者图像的内容； n利用alt属性来设置图像的替换文本。 nalt属性值有利于搜索引擎的优化(SEO)。 2.4.4 列表标记 n利用文字列表可以使文字内容更加结构化和条理化， 网页中常用的列表分为有序列表、无序列表和定义列 表三种。 n(1)建立有序列表 有序列表标记： 有序列表使用一对标记，其中每一 个列表项 苹果 香蕉 葡萄 2.4.4 列表标记 n(2)建立无序列表 有序列表标记： 有序列表使用一对标记， 其中每一个列表项 苹果 香蕉 葡萄 2.4.4 列表标记 n(3)列表之间的嵌套 华东地区
6、 江苏部分 浙江部分 华北地区 北京部分 天津部分 2.4.4 列表标记 n(4)定义列表 定义列表的语法格式如下： 名词1 解释1 解释2 解 释3 名词2 解释1 解释2 解 释3 注意：标记表示名词；标记表示对名词的 解释。 2.4.8 多媒体标记 n网页中除了可以显示文本、图像、表格等元素 外，还可以添加音频、视频、动画和滚动文字 或图像，这些元素使网页内容更加丰富，更具 有表现力。 n标记 标记用于在网页中插入背景音乐，但此 标记只适用于IE浏览器。例如： 2.4.8 多媒体标记 n标记 标记用于在网页中插入多媒体对象，包括 flash、音频、视频等。例如： 2.4.8 多媒体标记 n标记 标记标记 用于在网页页中插入滚动滚动 的文字 或图图像。基本语语法如下： 滚动滚动 的文字或图图像 2.4.8 多媒体标记 n除了上面的多媒体标记外，在HTML5中 新增的多媒体标记还有音频标记 和视频标记，这两个 标记用来在HTML页面中插入音频和视频 文件，具体使用方法将在后面章节详细讲 解。
